API tools faq
paste
xmisa0923

th 005

xmisa0923
Nov 25th, 2013
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 005 by soumeii and you shall not pass, go
  3. -->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7.  
  8. <head>
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. {block:description}<meta name="description" content="{metadescription}" />
  15. {/block:description}
  16.  
  17. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  19.  
  20. <meta name="image:background" content=""/>
  21.  
  22. <meta name="color:bg" content="#ffffff"/>
  23. <meta name="color:text" content="#ffffff"/>
  24. <meta name="color:link" content="#918787"/>
  25. <meta name="color:title" content="#ffffff"/>
  26. <meta name="color:title bg" content="#111111"/>
  27. <meta name="color:desc" content="#ffffff"/>
  28. <meta name="color:desc bg" content="#111111"/>
  29. <meta name="color:hover" content="#d3cccc"/>
  30. <meta name="color:navi link" content="#ffffff"/>
  31. <meta name="color:navi link hover" content="#111111"/>
  32. <meta name="color:post bg" content="#111111"/>
  33. <meta name="color:border" content="#ffffff"/>
  34. <meta name="color:tooltip" content="#222222"/>
  35. <meta name="color:tooltip bg" content="#ffffff"/>
  36. <meta name="color:tooltip border" content="#222222"/>
  37.  
  38. <meta name="text:link 1" content=""/>
  39. <meta name="text:link 1 title" content=""/>
  40. <meta name="text:link 2" content=""/>
  41. <meta name="text:link 2 title" content=""/>
  42. <meta name="text:link 3" content=""/>
  43. <meta name="text:link 3 title" content=""/>
  44. <meta name="text:link 4" content=""/>
  45. <meta name="text:link 4 title" content=""/>
  46. <meta name="text:grayscale lvl" content="50%"/>
  47. <meta name="text:opacity lvl" content="0.7"/>
  48. <meta name="text:hover time" content="0.3s"/>
  49.  
  50. <meta name="if:grayscale" content="0"/>
  51. <meta name="if:opacity" content="1"/>
  52. <meta name="if:2 columns" content="1"/>
  53. <meta name="if:3 columns" content="0"/>
  54. <meta name="if:4 columns" content="0"/>
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar {background-color:{color:bg}; height:0px; width:3px}
  59. ::-webkit-scrollbar-thumb:vertical {background-color:#111; height:50px}
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:#111; height:3px!important}
  61.  
  62. body {
  63. background:{color:bg} url('{image:background}') fixed no-repeat bottom right;
  64. font:10px courier;
  65. color:{color:text};
  66. text-align:justify;
  67. font-weight:100;
  68. line-height:150%;
  69. }
  70.  
  71. h1 {
  72. font:12px courier;
  73. text-transform:lowercase;
  74. text-align:center;
  75. margin-bottom:-5px;
  76. }
  77.  
  78. h2 {
  79. font:12px courier;
  80. text-align:center;
  81. font-weight:400;
  82. margin-top:-96px;
  83. }
  84.  
  85. h3 {
  86. font:9px courier;
  87. text-align:right;
  88. padding-right:3px;
  89. font-weight:400;
  90.  
  91. }
  92.  
  93. h69 {
  94. opacity:0.5;
  95. font:113px georgia;
  96. margin-left:10px;
  97. margin-top:-10px;
  98. color:#c9c1c1;
  99. z-index:-999999;
  100. line-height:90%;
  101. }
  102.  
  103. a:link, a:visited, a:active {
  104. color: {color:link};
  105. text-decoration:none;
  106. -webkit-transition: all {text:hover time} ease;
  107. -moz-transition: all {text:hover time} ease;
  108. -o-transition: all {text:hover time} ease;
  109. }
  110.  
  111. a:hover{
  112. color:{color:hover};
  113. -webkit-transition: all {text:hover time} ease;
  114. -moz-transition: all {text:hover time} ease;
  115. -o-transition: all {text:hover time} ease;
  116. }
  117.  
  118. #pset {
  119. overflow:hidden;
  120. }
  121.  
  122. #pset img {
  123. {block:indexpage}
  124. width:200px;
  125. {/block:indexpage}
  126. }
  127.  
  128. #content {
  129. top:55px;
  130. background:{color:post bg};
  131. left:48%;
  132. margin:0 0 0 -106px;
  133. width:612px;
  134. padding:0 0 15px 0;
  135.  
  136. {block:indexpage}
  137. {block:if2columns}
  138. top:75px;
  139. left:48%;
  140. margin:-20px 0 0 -212px;
  141. width:624px;
  142. {/block:if2columns}
  143. {block:if3columns}
  144. top:75px;
  145. left:50%;
  146. margin:-20px 0 0 -319px;
  147. width:638px;
  148. {/block:if3columns}
  149. {block:if4columns}
  150. top:75px;
  151. left:50%;
  152. margin:-20px 0 0 -424px;
  153. width:848px;
  154. {/block:if4columns}
  155. {/block:indexpage}
  156.  
  157. {block:permalinkpage}
  158. left:60%;
  159. margin:-20px 0 0 -230px;
  160. width:460px;
  161. {/block:permalinkpage}
  162. }
  163.  
  164. .entry {
  165. margin:30px;
  166. overflow:hidden;
  167. background:{color:post bg};
  168.  
  169. {block:indexpage}
  170. padding:10px 10px 5px 10px;
  171. border:1px dotted {color:border};
  172. width:200px;
  173. {block:ifgrayscale}
  174. -webkit-filter:grayscale(0%);
  175. {/block:ifgrayscale}
  176. {block:ifopacity}
  177. opacity:1;
  178. {/block:ifopacity}
  179. {/block:indexpage}
  180.  
  181. {block:permalinkpage}
  182. width:400px;
  183. {block:ifgrayscale}
  184. -webkit-filter:grayscale(0%);
  185. {/block:ifgrayscale}
  186. {block:ifopacity}
  187. opacity:1;
  188. {/block:ifopacity}
  189. {/block:permalinkpage}
  190.  
  191. -webkit-transition: all {text:hover time} ease;
  192. -moz-transition: all {text:hover time} ease;
  193. -o-transition: all {text:hover time} ease;
  194. }
  195.  
  196. .entry img:hover {
  197. {block:indexpage}
  198. {block:ifgrayscale}
  199. -webkit-filter:grayscale({text:grayscale lvl});
  200. {/block:ifgrayscale}
  201. {block:ifopacity}
  202. opacity:{text:opacity lvl};
  203. {/block:ifopacity}
  204. {/block:indexpage}
  205.  
  206. -webkit-transition: all {text:hover time} ease;
  207. -moz-transition: all {text:hover time} ease;
  208. -o-transition: all {text:hover time} ease;
  209. }
  210.  
  211. {block:permalinkpage}
  212. #bg {
  213. position:fixed;
  214. left:50%;
  215. margin:-20px 0 0 -240px;
  216. height:150%;
  217. width:480px;
  218. background:{color:post bg};
  219. }
  220. {/block:permalinkpage}
  221.  
  222. #tits {
  223. position:fixed;
  224. width:110%;
  225. height:65px;
  226. top:0px;
  227. left:0px;
  228. background:{color:title bg};
  229. z-index:1;
  230. }
  231.  
  232. #tit {
  233. font:15px courier;
  234. margin:35px 20px 0 0;
  235. text-align:center;
  236. float:right;
  237. width:300px;
  238. padding:5px 10px 5px 10px;
  239. color:{color:title};
  240. opacity:0;
  241. -webkit-transition: all {text:hover time} ease;
  242. -moz-transition: all {text:hover time} ease;
  243. -o-transition: all {text:hover time} ease;
  244. }
  245.  
  246. #tits:hover #tit {
  247. opacity:1;
  248. -webkit-transition: all {text:hover time} ease;
  249. -moz-transition: all {text:hover time} ease;
  250. -o-transition: all {text:hover time} ease;
  251. }
  252.  
  253. #linksies {
  254. top:5px;
  255. left:20px;
  256. position:fixed;
  257. width:120px;
  258. text-align:center;
  259. opacity:0;
  260. }
  261.  
  262. #linksies a {
  263. color:{color:navi link};
  264. }
  265.  
  266. #linksies a:hover {
  267. color:{color:navi link hover};
  268. }
  269.  
  270. #tits:hover #linksies {
  271. opacity:1;
  272. -webkit-transition: all {text:hover time} ease;
  273. -moz-transition: all {text:hover time} ease;
  274. -o-transition: all {text:hover time} ease;
  275. }
  276.  
  277. .link {
  278. font:12px courier;
  279. line-height:150%;
  280. text-align:center;
  281. display:inline;
  282. padding:5px 10px 5px 10px;
  283. }
  284.  
  285. #descs {
  286. position:fixed;
  287. bottom:0px;
  288. left:0px;
  289. width:110%;
  290. height:23px;
  291. z-index:99;
  292. background:{color:desc bg};
  293. }
  294.  
  295. #desc {
  296. position:fixed;
  297. width:900px;
  298. left:50%;
  299. margin:7px 0 0 -460px;
  300. height:9px;
  301. font:9px courier;
  302. text-align:center;
  303. color:{color:desc};
  304. z-index:99;
  305. }
  306.  
  307. #pagi {
  308. position:fixed;
  309. left:-10px;
  310. bottom:-10px;
  311. display: none;
  312. }
  313.  
  314. #s-m-t-tooltip {
  315. position:relative;
  316. overflow:hidden;
  317. z-index:999;
  318. max-width:200px;
  319. margin:10px 0 0 10px;
  320. padding:0px 3px 1px 3px;
  321. font:10px courier;
  322. line-height:10px;
  323. text-transform:lowercase;
  324. letter-spacing:1px;
  325. color:{color:tooltip};
  326. border:1px solid {color:tooltip border};
  327. background:{color:tooltip bg};
  328. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  329. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  330. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  331. -webkit-transition: all {text:hover time} ease;
  332. -moz-transition: all {text:hover time} ease;
  333. -o-transition: all {text:hover time} ease;
  334. }
  335.  
  336. #notes {
  337. font:10px courier;
  338. width:440px;
  339. height:163px;
  340. overflow:scroll;
  341. text-transform:lowercase;
  342. line-height:120%;
  343. margin-top:3px;
  344. margin-left:-40px;
  345. color:{color:text};
  346. -webkit-transition: all {text:hover time} ease;
  347. -moz-transition: all {text:hover time} ease;
  348. -o-transition: all {text:hover time} ease;
  349. }
  350.  
  351. #notes li {
  352. list-style-type:none;
  353. text-align:left;
  354. padding:5px;
  355. -webkit-transition: all {text:hover time} ease;
  356. -moz-transition: all {text:hover time} ease;
  357. -o-transition: all {text:hover time} ease;
  358. }
  359.  
  360. #notes ol.notes li.note img.avatar {
  361. width: 0px;
  362. height: 0px;
  363. margin-bottom:2px;
  364. border:1px solid {color:text};
  365. }
  366.  
  367. #pp {
  368. text-align:center;
  369. padding:10px 0px 10px 0px;
  370. margin-top:-13px;
  371. }
  372.  
  373. #perma {
  374. text-align:right;
  375. }
  376.  
  377. iframe#tumblr_controls {
  378. right:3px !important;
  379. position: fixed !important;
  380. -webkit-transition: opacity 0.7s linear;
  381. opacity:0.3;
  382. -webkit-transition: all {text:hover time} ease;
  383. -moz-transition: all {text:hover time} ease;
  384. -o-transition: all {text:hover time} ease;
  385. -webkit-filter: invert(100%)
  386. }
  387.  
  388. iframe#tumblr_controls:hover{
  389. -webkit-transition: opacity 0.7s linear;
  390. opacity:1;
  391. -webkit-transition: all {text:hover time} ease;
  392. -moz-transition: all {text:hover time} ease;
  393. -o-transition: all {text:hover time} ease;
  394. -webkit-filter: invert(100%)
  395. }
  396.  
  397. </style>
  398.  
  399. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  400. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  401. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  402.  
  403. <script>
  404. $(function(){
  405. var $container = $('#content');
  406. $container.imagesLoaded(function(){
  407. $container.masonry({
  408. itemSelector: '.entry',
  409. });
  410. });
  411. $container.infinitescroll({
  412. itemSelector : ".entry",
  413. navSelector : "div#pagi",
  414. nextSelector : "#pagi a#next",
  415. loadingImg : "",
  416. loadingText : "<em></em>",
  417. bufferPx : 10000,
  418. extraScrollPx: 12000,
  419. },
  420. // trigger Masonry as a callback
  421. function( newElements ) {
  422. var $newElems = $( newElements ).css({ opacity: 0 });
  423. // ensure that images load before adding to masonry layout
  424. $newElems.imagesLoaded(function(){
  425. $newElems.animate({ opacity: 1 });
  426. $container.masonry( 'appended', $newElems, true );
  427. });
  428. }
  429. );
  430. });
  431. </script>
  432. {/block:indexpage}
  433.  
  434. </head>
  435. <body>
  436.  
  437. <div id="descs">
  438. <div id="desc">{description}</div>
  439. </div>
  440.  
  441. <div id="tits">
  442. <div id="tit">{title}</div>
  443. <div id="linksies">
  444. <div class="link"><a href="/" title="index">001</a></div>
  445. <div class="link"><a href="/ask" title="contact">002</a></div>
  446. {block:iflink1}
  447. <div class="link"><a href="{text:link 1}" title="{text:link 1 title}">003</a></div>
  448. {/block:iflink1}
  449. {block:iflink2}
  450. <div class="link"><a href="{text:link 2}" title="{text:link 2 title}">004</a></div>
  451. {/block:iflink2}
  452. {block:iflink3}
  453. <div class="link"><a href="{text:link 3}" title="{text:link 3 title}">005</a></div>
  454. {/block:iflink3}
  455. {block:iflink4}
  456. <div class="link"><a href="{text:link 4}" title="{text:link 4 title}">006</a></div>
  457. {/block:iflink4}
  458. </div>
  459. </div>
  460.  
  461. <div id="bg"></div>
  462.  
  463. <div id="pagi">
  464. {block:pagination}
  465. {block:previouspage}
  466. <a href="{previouspage"}>prev</a>
  467. {/block:previouspage}
  468. {block:nextpage}
  469. <a href="{nextpage}" id="next">next</a>
  470. {/block:nextpage}
  471. {/block:pagination}
  472. </div>
  473. </div>
  474.  
  475. <div id="content">
  476. {block:posts}
  477. <div class="entry">
  478.  
  479. {block:text}
  480. {block:title}
  481. <h1>{title}</h1>
  482. {/block:title}
  483. {body}
  484. {block:indexpage}
  485. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  486. {/block:indexpage}
  487. {block:permalinkpage}
  488. {block:caption}{caption}{/block:caption}
  489. {/block:permalinkpage}
  490. {/block:text}
  491.  
  492. {block:quote}
  493. <h69>“</h69>
  494. <h2>{quote}</h2>
  495. {block:source}
  496. <h3>&mdash; {source}</h3>
  497. {/block:source}
  498. {block:indexpage}
  499. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  500. {/block:indexpage}
  501. {block:permalinkpage}
  502. {block:caption}{caption}{/block:caption}
  503. {/block:permalinkpage}
  504. {/block:quote}
  505.  
  506. {block:photo}
  507. <div id="img">
  508. {linkopentag}
  509. <a href="{permalink}">
  510. <img src="{photoURL-400}" alt="{photoalt}" {block:indexpage}width="200px"{/block:indexpage}{block:permalinkpage}width="400px"{/block:permalinkpage}/>
  511. </a>
  512. {linkclosetag}
  513. </div>
  514. {block:permalinkpage}
  515. {block:caption}{caption}{/block:caption}
  516. {/block:permalinkpage}
  517. {/block:photo}
  518.  
  519. {block:Photoset}
  520. <div id="pset">
  521. {block:indexpage}
  522. {block:Photos}
  523. <img src="{PhotoURL-250}">
  524. {/block:Photos}
  525. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  526. {/block:indexpage}
  527. {block:permalinkpage}
  528. {photoset-400}
  529. {block:caption}{caption}{/block:caption}
  530. {/block:permalinkpage}
  531. </div>
  532. {/block:Photoset}
  533.  
  534. {block:link}
  535. <a href="{URL}"><h1>{name}</h1></a>
  536. {block:description}{description}{/block:description}
  537. {block:indexpage}
  538. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  539. {/block:indexpage}
  540. {/block:link}
  541.  
  542. {block:chat}
  543. {block:title}<h1>{title}</h1>{/block:title}
  544. {block:lines}
  545. {block:Label}<font color="{color:link}">{label}</font> {line}<br>{/block:label}
  546. {/block:lines}
  547. {block:indexpage}
  548. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  549. {/block:indexpage}
  550. {/block:chat}
  551.  
  552. {block:audio}
  553. {audioplayerwhite}
  554. <br>
  555. {block:trackname}title: {trackname}<br>{/block:trackname}
  556. {block:artist}artist: {artist}<br>{/block:artist}
  557. played: {playcount} times<p>
  558. {block:indexpage}
  559. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  560. {/block:indexpage}
  561. {block:permalinkpage}
  562. {block:caption}{caption}{/block:caption}
  563. {/block:permalinkpage}
  564. {/block:audio}
  565.  
  566. {block:video}
  567. {block:indexpage}
  568. {video-250}
  569. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  570. {/block:indexpage}
  571. {block:permalinkpage}
  572. {video-400}
  573. {block:caption}{caption}{/block:caption}
  574. {/block:permalinkpage}
  575. {/block:video}
  576.  
  577. {block:answer}
  578. <a href="{reblogparentURL}">{asker}</a>: {question}
  579. {answer}
  580. {block:indexpage}
  581. <div id="perma"><a href="{permalink}" title="{NoteCountWithLabel}">{12hour}:{minutes}{ampm}</a></div>
  582. {/block:indexpage}
  583. {/block:answer}
  584.  
  585. {block:permalinkpage}
  586. <div id="pp">
  587. {block:hastags}{block:tags}#<a href="{tagURL}">{tag}, </a>{/block:tags}{/block:hastags}
  588. </div>
  589. {/block:permalinkpage}
  590.  
  591. {block:postnotes}<div id="notes">{PostNotes}</div>{/block:postnotes}
  592.  
  593. </div>
  594.  
  595. {/block:posts}
  596.  
  597. </div>
  598.  
  599. <a href="http://soumeii.tumblr.com" title="credit" style="position:fixed; bottom:25px; left:10px; opacity:0.5;"><img src="http://static.tumblr.com/xi259rm/OMImnh739/tumblr_m7oja1fuf81r95frro1_500.jpg"></a>
  600.  
  601. </body>
  602. </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!