Don't like ads? PRO users don't see any ads ;-)
Public Pastes

xiora

By: jongsi on Jan 11th, 2012  |  syntax: None  |  size: 16.60 KB  |  hits: 12,862  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--    
  5.        
  6. Xiora Theme by http://-apple.tumblr.com
  7. More themes can be found at http://aerou.tumblr.com (previously known as applethemes)
  8.  
  9. *DO NOT REMOVE ANY CREDIT OR ELSE YOUR THEME WON'T WORK.
  10. *CLAIMING AS YOUR OWN IS COMPLETELY DISRESPECTFUL AND I WILL FIND OUT.
  11. *IF YOU BREAK ANY RULES, I'LL REPORT YOU.
  12. *EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS.
  13.  
  14. -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <meta name="image:background" content="http://static.tumblr.com/qbwrk8v/boLln5ddh/214qqx.png"/>
  20. <meta name="image:your" content="" />
  21. <meta name="image:permalink background" content="http://i.imgur.com/TIi9Y.jpg"/>
  22. <meta name="image:post background" content="" />
  23.  
  24. <meta name="color:background" content="#eeeeee"/>
  25. <meta name="color:post background" content="#ffffff" />
  26. <meta name="color:title" content="#666666" />
  27. <meta name="color:title background" content="#eeeeee" />
  28. <meta name="color:main title background" content="#ffffff" />
  29. <meta name="color:text" content="#999999" />
  30. <meta name="color:description background" content="#ffffff" />
  31. <meta name="color:nav link" content="#ffffff" />
  32. <meta name="color:nav link hover" content="#000000" />
  33. <meta name="color:nav link background" content="#333333" />
  34. <meta name="color:permalink" content="#ffffff" />
  35. <meta name="color:permalink background" content="#333333" />
  36. <meta name="color:link" content="#000000" />
  37. <meta name="color:link hover" content="#ffffff" />
  38.  
  39. <meta name="if:Faded Images" content="1" />
  40. <meta name="if:Enable Infinite Scrolling" content="1"/>
  41. <meta name="if:Disable right click" content="0"/>
  42. <meta name="if:Show Captions" content="0"/>
  43.  
  44. <meta name="text:link one" content="http://"/>
  45. <meta name="text:link one name" content=""/>
  46. <meta name="text:link two" content="http://"/>
  47. <meta name="text:link two name" content=""/>
  48. <meta name="text:link three" content="http://"/>
  49. <meta name="text:link three name" content=""/>
  50. <meta name="text:link four" content="http://"/>
  51. <meta name="text:link four name" content=""/>
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  54.  
  55. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  56. <script type="text/javascript">
  57. $(document).ready(function () {
  58. $('li.drawer div:nth-child(2)').hide();
  59. $('li.drawer h4').click(function () {
  60. if ($(this).hasClass('open')) {
  61. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  62. else {
  63. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  64. $(this).next().slideDown();
  65. $(this).addClass('open');}
  66. });
  67. });
  68. </script>
  69.  
  70. {block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
  71.  
  72. <link rel="shortcut icon" href="{favicon}" />
  73. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  74. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  75. {CustomCSS}
  76. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  77.  
  78. <style type="text/css">body, a, {cursor:pointer}</style></a>
  79. <style type="text/css">
  80.  
  81. body{
  82. font-size:9px;
  83. letter-spacing:1px;
  84. color:{color:text};
  85. background:{color:background} url({image:background});
  86. }
  87.  
  88. @font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  89.  
  90. #contentcolumn{
  91. margin-left:390px;
  92. margin-top:50px;
  93. opacity:1;
  94. overflow:shown;
  95. z-index: 0.9;
  96. text-align:justify;
  97. }
  98.  
  99. a {color:{color:link}; text-decoration: none; }
  100. a:hover { color:{color:link hover}; -webkit-transition-duration: 0.3s;}
  101. a:active,a:focus {outline: 0;}
  102.  
  103.  
  104. {block:Iffadedimages}
  105. img{
  106. -webkit-transition: opacity 0.7s linear;
  107. opacity: 1;
  108. }
  109. img:hover {
  110. -webkit-transition: opacity 0.7s linear;
  111. opacity: 0.85;
  112. }
  113. {/block:Iffadedimages}
  114. img{ border:none;}
  115. img:hover{; }
  116.  
  117. #posts {
  118. {Block:IndexPage}width:400px;{/Block:IndexPage}
  119. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  120. background:{color:post background} url('{image:post background}');
  121. color:{color:text};
  122. padding:5px;
  123. margin-bottom:5px;
  124. line-height:11px;
  125. font-family:georgia;
  126. font-size:9px;
  127. overflow:hidden;
  128. }
  129.  
  130. #posts:hover #permalink {
  131. display: block;
  132. opacity:1;
  133. text-align:right;
  134. {Block:IndexPage}width:398px;{/Block:IndexPage}
  135. }
  136.  
  137. #permalink, #permalink a{
  138. line-height:5px;
  139. font-family:slkscr;
  140. font-size:8px;
  141. opacity:0;
  142. -webkit-transition: all 0.8s ease;
  143. -moz-transition: all 0.8s ease;
  144. -o-transition: all 0.8s ease;
  145. width:268px;
  146. text-align:right;
  147. background:{color:permalink background} url({image:permalink background});
  148. color:{color:permalink};
  149. position:absolute;
  150. padding-top:5px;
  151. padding-bottom:5px;
  152. padding-right:2px;
  153. z-index:1;
  154. -webkit-border-top-right-radius: 5px;
  155. -webkit-border-bottom-right-radius: 5px;
  156. -moz-border-radius-topright:5px;
  157. -moz-border-radius-bottomright: 5px;
  158. border-top-right-radius: 5px;
  159. border-bottom-right-radius: 5px;
  160. }
  161.  
  162. #tits {
  163. letter-spacing:1px;
  164. text-decoration:;
  165. font-family:georgia;
  166. font-size:10px;
  167. text-transform:uppercase;
  168. line-height:14px;
  169. color:{color:title};
  170. background-color:{color:title background};
  171. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  172. padding:2px;
  173. }
  174.  
  175. #tits a{
  176. color:{color:title};
  177. }
  178.  
  179. #contue {
  180. line-height:11px;
  181. margin-top:-10px;
  182. }
  183.  
  184. #audio {
  185. background-color : #000;
  186. height : 27px;
  187. margin-bottom : -10px;
  188. {Block:IndexPage}width:400px;{/Block:IndexPage}
  189. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  190. }
  191.  
  192. .shiny img, .dead img, blockquote img {
  193. {Block:IndexPage}max-width:365px;{/Block:IndexPage}
  194. {block:PermalinkPage}max-width:465px;{/block:PermalinkPage}
  195. }
  196.  
  197. blockquote{
  198. padding: 3px;
  199. margin: 3px;
  200. border-left: 4px solid {color:text};
  201. background-color:{color:title background};
  202. }
  203.  
  204. .flower{
  205. color:#777777;
  206. margin-bottom:0px;
  207. padding:1px;
  208. }
  209. .flower .flower.even{
  210. background-color:#eee;
  211. color:{color:text};
  212. margin-bottom:0px;
  213. padding:1px;
  214. }
  215.  
  216. #ask{
  217. padding: 10px;
  218. color:#292929;
  219. padding: 5px;
  220. -moz-border-radius: 4px;
  221. border-radius: 4px;
  222. background-color:{color:title background};
  223. }
  224.  
  225. .titties {
  226. text-align:left;
  227. letter-spacing:6px;
  228. text-transform:uppercase;
  229. background-color:{color:main title background};
  230. overflow:hidden;
  231. font-family:consolas;
  232. font-size:11px;
  233. }
  234. .titties a {
  235. color: {color:title};
  236. }
  237. .titties a:hover{
  238. color: {color:title hover}
  239. -webkit-transition: all 0.5s ease;
  240. -moz-transition: all 0.5s ease;
  241. -o-transition: all 0.5s ease;
  242. }
  243.  
  244. .sidebar {
  245. LEFT:180px;
  246. top:50px;
  247. width:200px;
  248. text-align:left;
  249. font-family: courier;
  250. font-size:9px;
  251. position:fixed;
  252. overflow:hidden;
  253. line-height:10px;
  254. padding:2px;
  255. }
  256.  
  257. .links {
  258. text-align:right;
  259. letter-spacing:px;
  260. text-transform:lowercase;
  261. color:{color:nav link};
  262. background-color:{color:nav link background};
  263. background-image:url('');
  264. overflow:hidden;
  265. }
  266.  
  267. .links a {
  268. color: {color:nav};
  269. background-image:url('http://i.imgur.com/TIi9Y.jpg');
  270. background-color:#ffffff;
  271. font-size:9px;
  272. text-transform:uppercase;
  273. }
  274. .links a:hover {
  275. color:transparent!important;
  276. background-color:transparent!important;
  277. text-decoration:none;
  278. -webkit-transition: all 0.5s ease;
  279. -moz-transition: all 0.5s ease;
  280. background-image:none;
  281. }
  282.  
  283. .poop {
  284. text-align:center;
  285. letter-spacing:6px;
  286. text-transform:uppercase;
  287. background-color:{color:title background};
  288. overflow:hidden;
  289. font-family:consolas;
  290. font-size:9px;
  291. }
  292. .poop a {
  293. color: {color:nav};
  294. background-image:url('');
  295. background-color:#ffffff;
  296. font-size:9px;
  297. text-transform:uppercase;
  298. }
  299. .poop a:hover{
  300. color:transparent!important;
  301. background-color:transparent!important;
  302. text-decoration:none;
  303. -webkit-transition: all 0.5s ease;
  304. -moz-transition: all 0.5s ease;
  305. background-image:none;
  306. }
  307.  
  308. ul#drawers {
  309. width: 200px;
  310. list-style: none;
  311. margin-top:-11px;
  312. padding: 0px;  
  313. color: {color:nav link};
  314. }
  315.  
  316. ul#drawers a {
  317. text-decoration: none;
  318. color: {color:nav link};
  319. }
  320.  
  321. ul#drawers li h4 {
  322. font-size: 9px;
  323. text-align: left;
  324. -webkit-transition: background-color 0.5s ease-out;
  325. -moz-transition: background-color 0.5s ease-out;
  326. transition: background-color 0.5s ease-out;
  327. background-color:{color:nav link background};
  328. text-transform:uppercase;
  329. display:block;
  330. margin-bottom:0px;
  331. color: {color:nav link};
  332. padding-top:1px;
  333. padding-bottom:1px;
  334. }
  335.  
  336. ul#drawers:hover li h4 {
  337. }
  338.  
  339.  
  340. h4.small {
  341. display: table-cell;
  342. width: 100px;
  343. margin: 0px;
  344. height: 100%;}
  345.  
  346. li.drawer h4.open { border-top: 0px;}
  347.  
  348. li.drawer div {
  349. padding: 0px;
  350. margin: 0px;
  351. line-height:10px;
  352. font-size:8px;
  353. background-color:{color:nav link background};}
  354.  
  355. li.drawer div li {list-style-type: disc;}
  356.  
  357. li.drawer div ul {-webkit-padding-start: 12px;}
  358.  
  359. #top-link{ display:none; position:fixed; right:5px; bottom:5px;color:#000;font-family: consolas;text-decoration:none;background:none;font-size:12px;}
  360.  
  361. </style>
  362.  
  363. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  364.         <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  365.         <script type="text/javascript">
  366.         jQuery.fn.topLink = function(settings) {
  367.                 settings = jQuery.extend({
  368.                         min: 1,
  369.                         fadeSpeed: 200,
  370.                         ieOffset: 50
  371.                 }, settings);
  372.                 return this.each(function() {
  373.                         //listen for scroll
  374.                         var el = $(this);
  375.                         el.css('display','none'); //in case the user forgot
  376.                         $(window).scroll(function() {
  377.                                 if(!jQuery.support.hrefNormalized) {
  378.                                         el.css({
  379.                                                 'position': 'absolute',
  380.                                                 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  381.                                         });
  382.                                 }
  383.                                 if($(window).scrollTop() >= settings.min)
  384.                                 {
  385.                                         el.fadeIn(settings.fadeSpeed);
  386.                                 }
  387.                                 else
  388.                                 {
  389.                                         el.fadeOut(settings.fadeSpeed);
  390.                                 }
  391.                         });
  392.                 });
  393.         };
  394.        
  395.         $(document).ready(function() {
  396.                 $('#top-link').topLink({
  397.                         min: 400,
  398.                         fadeSpeed: 500
  399.                 });
  400.                 //smoothscroll
  401.                 $('#top-link').click(function(e) {
  402.                         e.preventDefault();
  403.                         $.scrollTo(0,300);
  404.                 });
  405.         });
  406.        
  407.        
  408.         </script>
  409. </head>
  410.  
  411. <body>
  412.  
  413. <div id="contentcolumn">
  414.  
  415. <div class="sidebar">
  416. <div class="titties"><a href="/"><i>{title}</i></a></div>
  417. <center>{block:IfYourImage}<br><a href="/"><img src="{image:Your}" width="200px" /></a>{/block:IfYourImage}</center>
  418. {block:description}
  419. <span style="background-color:{color:Description Background};">
  420. <br>{description}<br><br>
  421. </span>
  422. {/block:description}
  423.  
  424. <div class="nav"><ul id="drawers">
  425. <li class="drawer" id="info">
  426. <h4><title="click for more">░ LINKS </h4>
  427. <div align="center">
  428. <div class="links">
  429. <a href="/archive">history</a>
  430. <a href="/ask">message</a>
  431. <a href="http://-apple.tumblr.com/">credit</a> ░<br>
  432. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName} {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName} {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
  433. {block:IfLinkFourName}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFourName}
  434. {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}
  435.  
  436. </div>
  437. </div>
  438. </li>
  439. </ul></div>
  440.  
  441. {block:IfNotEnableInfiniteScrolling}
  442. <div class="poop">
  443.  
  444. {block:Pagination}
  445. {block:PreviousPage}
  446. <a href="{PreviousPage}">&larr;</a>
  447. {/block:PreviousPage}
  448.  
  449. {block:JumpPagination length="5"}
  450. {block:CurrentPage}
  451. <span class="current_page">{PageNumber}</span>
  452. {/block:CurrentPage}
  453.  
  454. {block:JumpPage}
  455. <a class="jump_page" href="{URL}">{PageNumber}</a>
  456. {/block:JumpPage}
  457. {/block:JumpPagination}
  458.  
  459. {block:NextPage}
  460. <a href="{NextPage}">&rarr;</a>
  461. {/block:NextPage}
  462. {/block:Pagination}
  463. </div>
  464. {/block:IfNotEnableInfiniteScrolling}
  465.  
  466. </div>
  467.  
  468. {block:IfEnableInfiniteScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableInfiniteScrolling}
  469.  
  470. {block:Posts}
  471. <div id="posts">
  472. {block:IndexPage}
  473. <div id="permalink">
  474. <a href="{Permalink}"> {TimeAgo}</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}with {notecount} notes{/block:NoteCount}
  475. </div>
  476. {/block:IndexPage}
  477. {block:Text}
  478. <div id="tits">{block:Title}{Title}{/block:Title}</div>
  479. <div id="contue"><p align=justify>{Body}</p></div>
  480. <div id="captionfoto">
  481. {block:RebloggedFrom} <small>via: {ReblogParentName}</small> {/block:RebloggedFrom}</div>
  482. {/block:Text}
  483.  
  484.  
  485. {block:Photo}
  486. {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" {Block:IndexPage}width="400"{/Block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage} class=”shakeimage” onMouseover=”init(this);rattleimage()” onMouseout=”stoprattle(this);top.focus()” onClick=”top.focus()”>
  487. {LinkCloseTag}
  488. <br>
  489. {block:IfShowCaptions}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  490. {block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  491. {/block:Photo}
  492.  
  493.  
  494. {block:Photoset}
  495. <center>{Block:IndexPage}{Photoset-400}{/Block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  496. {block:IfShowCaptions}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  497. {block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  498. {/block:Photoset}
  499.  
  500. {block:Quote}
  501. <div id="tits">"{Quote}"<br></div><br>
  502. {block:Source}~{Source}{/block:Source}
  503. {/block:Quote}
  504.  
  505. {block:Link}
  506. <div id="tits"><a href="{URL}">{Name}</a></div>
  507. <div id="contue"><br>{block:Description}{Description}{/block:Description}</div>
  508. {/block:Link}
  509.  
  510. {block:Chat}
  511. {block:Title}
  512. <div id="tits">{Title}</div>
  513. {/block:Title}
  514. <div class="flower">
  515. {block:Lines}
  516. <div class="flower {Alt}">
  517. {block:Label}
  518. <b>{Label}</b>
  519. {/block:Label}
  520. {Line}
  521. </div>
  522. {/block:Lines}
  523. </div>
  524. {/block:Chat}
  525.  
  526. {block:Audio}
  527. <div id="audio">{AudioPlayerBlack}</div><br>
  528. <center>{block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}<br>{/block:Artist}
  529. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} {PlayCountWithLabel}</center>
  530. {/block:Audio}
  531.  
  532. {block:Answer}
  533. <div id="ask">"{Question}"</div> asked by <b>{Asker}</b><br>
  534. {Answer}
  535. {/block:answer}
  536.  
  537. {block:Video}
  538. <center>{Block:IndexPage}{Video-400}{/Block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  539. {block:IfShowCaptions}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  540. {block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}<div class="shiny" id="contue">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  541. {/block:Video}
  542.  
  543. {block:Date}
  544. {block:PermalinkPage}
  545.  
  546. {block:NoteCount}NOTES: {notecount}{/block:NoteCount}<br>
  547. DATE: <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a><br>
  548. {block:RebloggedFrom}OP: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  549. VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  550. {block:HasTags}<br><br>
  551. TAGGED: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}{/block:HasTags}
  552. {/block:PermalinkPage}
  553. {/block:Date}
  554.  
  555. {block:PostNotes}
  556. {PostNotes}
  557. {/block:PostNotes}
  558. </div>
  559.  
  560. {/block:posts}
  561. {block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}
  562.  
  563. </div>
  564.  
  565. <div id="top"></div>
  566. <div id="top-link"><a style="border:none;" href="#top">Go Back Up</a></div>
  567.  
  568. </body>
  569. </html>
create a new version of this paste RAW Paste Data