API tools faq
paste
Advertisement
sunkei

Lelouch 0.1

sunkei
Aug 23rd, 2012
4,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.78 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. <!--
  4. Lelouch 0.1
  5. Theme by gyapo.tumblr.com
  6. don't remove this comment
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <meta name="color:Background" content="#000" />
  20. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/wgklxssta/pattern.png"/>
  21. <meta name="color:Band Background" content="#222" />
  22. <meta name="image:Band Background" content="http://static.tumblr.com/s2ymoja/MOYlxt5gh/patterln.png"/>
  23.  
  24. <meta name="color:Button 1" content="#6d6c6c" />
  25. <meta name="color:Button 1 BG" content="#cacaca" />
  26. <meta name="color:Button 2" content="#302f2f" />
  27. <meta name="color:Button 2 BG" content="#797979" />
  28. <meta name="color:Button 3" content="#d3d3d3" />
  29. <meta name="color:Button 3 BG" content="#3a3a3a" />
  30.  
  31.  
  32. <meta name="color:Sidepic BG" content="#0c0c0c" />
  33. <meta name="image:Sidepic" content="http://static.tumblr.com/s2ymoja/9nBlxt5nu/bl.png"/>
  34.  
  35. <meta name="color:Title" content="#fff" />
  36. <meta name="color:Title BG" content="#181818" />
  37. <meta name="color:Description" content="#8f8f8f" />
  38. <meta name="color:Description BG" content="#fff" />
  39. <meta name="image:Description BG" content="http://static.tumblr.com/s2ymoja/eKylxt5sk/crazykira-resources_34_004_.png"/>
  40.  
  41. <meta name="color:Link" content="#757575" />
  42. <meta name="color:Link hover" content="#cccbcb" />
  43.  
  44.  
  45. <meta name="text:Link 1" content="" />
  46. <meta name="text:Link 1title" content="L I N K 1" />
  47. <meta name="text:Link 2" content="" />
  48. <meta name="text:Link 2title" content="L I N K 2" />
  49.  
  50. <meta name="color:Entry Text" content="#636363" />
  51. <meta name="color:Entry BG" content="#ffffff" />
  52. <meta name="color:Infos" content="#dddddd" />
  53. <meta name="color:Infos BG" content="#000000" />
  54.  
  55. <meta name="if:250" content="0"/>
  56. <meta name="if:400" content="1"/>
  57. <meta name="if:500" content="0"/>
  58. <meta name="if:Infos" content="1"/>
  59. <meta name="if:Caption" content="0"/>
  60.  
  61. <meta name="if:EndlessScroll" content="0"/>
  62.  
  63.  
  64.  
  65. {block:IfEndlessScroll}
  66. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  67. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  68. {/block:IfEndlessScroll}
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  74.  
  75. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  76.  
  77. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Button 3 BG};height:150px;border:1px solid {color:Button 1 BG};}
  78. ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:Button 1 BG};}
  79.  
  80. body
  81. {font-family:consolas;
  82. font-size:10px;
  83. color:{color:Entry Text};
  84. background-color:{color:Background};
  85. background-image:url('{image:Background}');
  86. background-position: fixed;
  87. background-attachment:fixed;
  88. background-repeat:repeat;}
  89.  
  90. blockquote
  91. {border-left:2px solid;
  92. padding-left:5px;}
  93.  
  94. a
  95. {text-decoration:none;
  96. color:{color:Link};
  97. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  98. opacity:1;}
  99.  
  100. a:hover
  101. {text-decoration:none;
  102. color:{color:Link hover};
  103. opacity:1;}
  104.  
  105.  
  106. #band
  107. {position:fixed;
  108. right:225px;
  109. top:0px;
  110. width:250px;
  111. height:1000px;}
  112.  
  113. #bandin
  114. {position:fixed;
  115. right:275px;
  116. top:0px;
  117. width:150px;
  118. height:1000px;
  119. background-color:{color:Band Background};
  120. background-image:url('{image:Band Background}');
  121. z-index:-999;}
  122.  
  123.  
  124. #sidebar
  125. {margin-top:75px;
  126. margin-left:25px;
  127. width:200px;
  128. height:500px;}
  129.  
  130. .button
  131. {height:15px;
  132. font-size:10px;
  133. float:left;
  134. text-align:center;
  135. padding-top:20px;
  136. moz-border-radius:8px 8px 0px 0px;
  137. border-radius:8px 8px 0px 0px;
  138. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  139. opacity:1;}
  140.  
  141. .button:hover
  142. {height:45px;
  143. margin-top:-30px;
  144. moz-border-radius:50px 50px 0px 0px;
  145. border-radius:50px 50px 0px 0px;}
  146.  
  147. #button1
  148. {float:left;
  149. font-size:25px;
  150. padding-top:5px;
  151. padding-bottom:15px;
  152. width:55px;
  153. font-size:25px;
  154. color:{color:Button 1 BG};
  155. background-color:{color:Button 1 BG};}
  156.  
  157. #button1:hover
  158. {color:{color:Button 1};}
  159.  
  160. #button2
  161. {float:left;
  162. width:65px;
  163. color:{color:Button 2 BG};
  164. background-color:{color:Button 2 BG};}
  165.  
  166. #button2:hover
  167. {color:{color:Button 2};}
  168.  
  169. #button3
  170. {float:left;
  171. width:80px;
  172. color:{color:Button 3 BG};
  173. background-color:{color:Button 3 BG};}
  174.  
  175. #button3:hover
  176. {color:{color:Button 3};}
  177.  
  178.  
  179. #sidebarpic
  180. {width:200px;
  181. background-color:{color:Sidepic BG};}
  182.  
  183. .sidebarpic
  184. {padding-bottom:10px;
  185. padding-top:5px;
  186. margin-left:5px;
  187. width:190px;}
  188.  
  189. #desc
  190. {width:200px;
  191. padding-top:5px;
  192. text-align:left;
  193. color:{color:Description};
  194. background-color:{color:Description BG};
  195. background-image:url('{image:Description BG}');}
  196.  
  197. #description
  198. {float:left;
  199. font-family:consolas;
  200. font-size:10px;
  201. margin-left:10px;
  202. width:170px;
  203. padding-top:0px;
  204. max-height:150px;
  205. overflow:auto;
  206. }
  207.  
  208. #title
  209. {text-align:center;
  210. font-family:georgia;
  211. letter-spacing:5px;
  212. width:150px;
  213. margin-left:25px;
  214. color:{color:Title};
  215. background-color:{color:Title BG};
  216. padding:3px;
  217. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  218. }
  219.  
  220. #title:hover
  221. {letter-spacing:9px;}
  222.  
  223.  
  224. .button2
  225. {height:35px;
  226. font-size:10px;
  227. float:left;
  228. text-align:center;
  229. padding-top:-10px;
  230. moz-border-radius:0px 0px 8px 8px;
  231. border-radius:0px 0px 8px 8px;
  232. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  233. opacity:1;}
  234.  
  235. .button2:hover
  236. {padding-top:25px;
  237. moz-border-radius:0px 0px 50px 50px;
  238. border-radius:0px 0px 50px 50px;}
  239.  
  240. #button4
  241. {float:left;
  242. width:80px;
  243. color:{color:Button 3 BG};
  244. background-color:{color:Button 3 BG};}
  245.  
  246. #button4:hover
  247. {color:{color:Button 3};}
  248.  
  249. #button5
  250. {float:left;
  251. width:65px;
  252. color:{color:Button 2 BG};
  253. background-color:{color:Button 2 BG};}
  254.  
  255. #button5:hover
  256. {color:{color:Button 2};}
  257.  
  258. #button6
  259. {float:left;
  260. font-size:25px;
  261. width:55px;
  262. color:{color:Button 1 BG};
  263. background-color:{color:Button 1 BG};}
  264.  
  265. #button6:hover
  266. {color:{color:Button 1};}
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. #posts
  274. {margin-right:500px;
  275. float:right;
  276. margin-bottom:10px;}
  277.  
  278. .post
  279. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  280. font-family:georgia;
  281. text-align:justify;
  282. margin-top:10px;
  283. overflow:hidden;
  284. font-size:10px;
  285. {block:IfNotInfos}
  286. padding:3px;
  287. {/block:IfNotInfos}
  288. {block:IfInfos}
  289. padding: 3px 3px 0px 3px;
  290. {/block:IfInfos}
  291. background-color:{color:Entry BG};
  292. color:{color:Entry Text};
  293. background-color:{color:Entry BG};
  294. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  295.  
  296. .texte a
  297. {font-style:italic;}
  298.  
  299. .post img
  300. {max-width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  301.  
  302. .titlepost
  303. {font-size:14px;
  304. font-weight:800;
  305. letter-spacing:1px;
  306. padding-left:1px;
  307. font-family:consolas;
  308. text-align:center;
  309. padding-bottom:2px;
  310. border-bottom:1px dotted {color:Link};}
  311.  
  312. #quote
  313. {font-size:14px;font-style:italic;}
  314.  
  315. #source
  316. {letter-spacing:1px;font-style:italic;}
  317.  
  318.  
  319. #permabar
  320. {width:{block:If250}248px{block:If250} {block:If400}398px{block:If400} {block:If500}498px{block:If500};
  321. {block:IndexPage}
  322. margin-left:-3px;
  323. {/block:IndexPage}
  324. border-top:3px solid #fff;
  325. overflow:hidden;
  326. height:autolength;
  327. padding: 3px 3px 3px 5px;
  328. font-family:georgia;
  329. font-size:10px;
  330. color:{color:Infos};
  331. background-color:{color:Infos BG};
  332. }
  333.  
  334.  
  335.  
  336. .infos
  337. {{block:IndexPage}
  338. letter-spacing:2px;
  339. text-align:center;
  340. {/block:IndexPage}
  341. font-family:consolas;
  342. text-transform:uppercase;}
  343.  
  344. #tags
  345. {padding-top:5px;
  346. font-family:consolas;}
  347.  
  348. #pagination
  349. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  350. margin:25px 0px 25px 0px;
  351. letter-spacing:2px;
  352. padding-left:2px;
  353. text-align:center;
  354. font-family:consolas;
  355. text-transform:uppercase;}
  356.  
  357.  
  358. #not
  359. {position:absolute;
  360. opacity:0;
  361. padding:3px 6px 3px 6px;
  362. color:{color:Infos};
  363. background-color:{color:Infos BG};
  364. font-family:consolas;
  365. text-transform:uppercase;
  366. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  367.  
  368. .post:hover #not
  369. {opacity:1;}
  370. </style>
  371. </head>
  372. <body>
  373.  
  374. {block:IfEndlessScroll}<div id="top"></div>
  375. <a style="position:fixed;bottom:5px;right:10px;font-size:10px;font-family:consolas;text-transform:uppercase;letter-spacing:1px;" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  376.  
  377.  
  378. <div id="band">
  379. <div id="bandin"></div>
  380.  
  381. <div id="sidebar">
  382. <div style="width:220px;height:35px;margin-top:0px;background-color:none;">
  383. <a href="/"><div id="button1" class="button"> ♛</div></a>
  384. <a href="/ask"><div id="button2" class="button"> A S K</div></a>
  385. <a href="/archive"><div id="button3" class="button"> P A S T</div></a>
  386. </div>
  387.  
  388. <div id="sidebarpic"><div style="max-height:250px;width:200px;margin-left:0px;overflow:hidden;margin-bottom:10px;"><img class="sidebarpic" src="{image:sidepic}"></div>
  389. <a href="/"><div id="title">{Title}</div></a>
  390. <table id="desc" border="0" cellpadding="0" cellspacing="5">
  391. <tr><td><div id="description">{Description}</div></td></tr>
  392. </div>
  393. </table></div>
  394.  
  395. <div style="width:220px;height:35px;margin-top:0px;background-color:none;">
  396. <a href="{text:Link 1}"><div id="button4" class="button2">{text:Link 1title}</div></a>
  397. <a href="{text:Link 2}"><div id="button5" class="button2">{text:Link 2title}</div></a>
  398. <a href="http://gyapo.tumblr.com"><div id="button6" class="button2">★</div></a>
  399. </div>
  400. </div>
  401. </div>
  402.  
  403.  
  404.  
  405.  
  406. <div id="posts">
  407. <table border="0" width:"600px" cellspacing="0" cellpadding="0">
  408. <tr><td>{block:Posts}
  409. <div class="post">
  410.  
  411. {block:IfNotInfos}
  412. <a href="{Permalink}">
  413. <div id="not">
  414. {NoteCount}
  415. </div><!--not-->
  416. </a>
  417. {/block:IfNotInfos}
  418.  
  419.  
  420. {block:Text}
  421. {block:Title}<div class="titlepost">♠ {Title} ♠</div>{/block:Title}
  422. <div class="texte">{Body}</div>
  423. {/block:Text}
  424.  
  425.  
  426. {block:Photoset}
  427. <div style="margin-bottom:-3px;">
  428. {block:If250}
  429. {Photoset-250}
  430. {/block:If250}
  431. {block:If400}
  432. {Photoset-400}
  433. {/block:If400}
  434. {block:If500}
  435. {Photoset-500}
  436. {/block:If500}
  437. </div>
  438. {/block:Photoset}
  439.  
  440.  
  441. {block:Photo}
  442. {block:IndexPage}
  443. <a href="{Permalink}"><div><img style="margin-bottom:-3px;" src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div></a>
  444. {/block:IndexPage}
  445. {block:PermalinkPage}
  446. {LinkOpenTag}<div><img src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div>
  447. {LinkCloseTag}
  448. {/block:PermalinkPage}
  449. {/block:Photo}
  450.  
  451.  
  452. {block:Quote}
  453. <div id="quote"> "{Quote}"</div>
  454. {block:Source}
  455. <div id="source">— {Source}</div>
  456. {/block:Source}
  457. {/block:Quote}
  458.  
  459. {block:Link}
  460. <a href="{URL}" {Target}><div class="titlepost">♣ {Name} ♣</div></a>
  461. {block:Description}
  462. <div class="texte">{Description}</div>
  463. {/block:Description}
  464. {/block:Link}
  465.  
  466. {block:Chat}
  467. {block:Title}
  468. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  469. {/block:Title}
  470. {block:Lines}
  471. <div class="{Alt}">
  472. {block:Label}
  473. <div>- <span class="label">{Label}</span></a> {Line} </div>
  474. {/block:Label}
  475. </div><!--lines-->
  476. {/block:Lines}
  477. {/block:Chat}
  478.  
  479. {block:Video}
  480. <div style="margin-bottom:-3px;">{block:If250}
  481. {Video-250}
  482. {/block:If250}
  483. {block:If400}
  484. {Video-400}
  485. {/block:If400}
  486. {block:If500}
  487. {Video-500}
  488. {/block:If500}</div>
  489. {/block:Video}
  490.  
  491. {block:Audio}
  492. <table cellpadding="0" border="0" cellspacing="0">
  493. <tr><td rowspan="2">
  494. {block:AlbumArt}
  495. <img style="height:100px;width:100px;margin-right:3px;margin-bottom:-3px;" id="art" src="{AlbumArtURL}"/>
  496. {/block:AlbumArt}</td>
  497. <td><div style="margin-top:5px;">
  498. {block:IndexPage}
  499. {block:TrackName}<span style="letter-spacing:1px">【{TrackName}】</span><br>{/block:TrackName}
  500. {block:Artist}► by {Artist}<br>{/block:Artist}
  501. {block:Album}► from {Album}<br>{/block:Album}
  502. {/block:IndexPage}
  503. {PlayCountWithLabel}</div></td></tr><td>
  504. <div style="
  505. {block:If500}width:397px;{/block:If500}
  506. {block:If400}width:297px;{/block:If400}
  507. {block:If250}width:147px;{/block:If250}background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
  508. </table>
  509. {/block:Audio}
  510.  
  511.  
  512. {block:IfCaption}
  513. {block:IndexPage}
  514. {block:Caption}
  515. <div class="texte">{Caption}</div>
  516. {/block:Caption}
  517. {/block:IndexPage}
  518. {/block:IfCaption}
  519.  
  520. {block:PermalinkPage}
  521. {block:Caption}
  522. <div class="texte">{Caption}</div>
  523. {/block:Caption}
  524. {/block:PermalinkPage}
  525.  
  526.  
  527. {block:IfInfos}
  528. {block:IndexPage}
  529. <div id="permabar">
  530. <div class="infos"><a href="{Permalink}">{TimeAgo}</a> - {{NoteCount}} - <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  531. </div>
  532. {/block:IndexPage}
  533. {/block:IfInfos}
  534. </div>
  535. <!--post-->
  536.  
  537.  
  538.  
  539.  
  540. {block:PermalinkPage}
  541. <div id="permabar">
  542. <div class="infos"><a href="{Permalink}">{TimeAgo}</a> - {{NoteCount}} - <a href="{ReblogURL}" target="_blank">Reblog</a> {block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a>, org. <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  543.  
  544. {block:HasTags}<div id="tags">tagged :{block:Tags}
  545. &#160#<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div></div>{/block:HasTags}
  546.  
  547. {block:PostNotes}{PostNotes} {/block:PostNotes}
  548. </div>{/block:PermalinkPage}
  549.  
  550.  
  551. {/block:Posts}
  552. </td></tr>
  553. <tr><td>
  554. {block:IfNotEndlessScroll}{block:Pagination}
  555.  
  556. <div id="pagination">
  557. {block:PreviousPage}<a href="{PreviousPage}">◄back</a>{/block:PreviousPage} &#160| {CurrentPage}/{TotalPages} |&#160
  558. {block:NextPage}<a href="{NextPage}">next►</a>{/block:NextPage}
  559.  
  560. <div>
  561.  
  562. {/block:Pagination}{block:IfNotEndlessScroll}
  563. </td></tr>
  564. </table>
  565. </div>
  566.  
  567. </body>
  568. </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!