Advertisement
cornetespoir

7 // feuille de papier

Feb 22nd, 2016
1,746
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.50 KB | None | 0 0
  1. <!----
  2. // piece of paper
  3.  
  4. by espoirthemes //
  5.  
  6. +don't move credit please
  7. +edit as much as you want!
  8.  
  9. popup tutorial by htmlqueens
  10. multi-column base by borntobewildthemes
  11. ---->
  12.  
  13. <html>
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21.  
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26. <script>
  27. $(document).ready(function() {
  28. //
  29. $('a.poplight[href^=#]').click(function() {
  30. var popID = $(this).attr('rel'); //Get Popup Name
  31. var popURL = $(this).attr('href'); //Get Popup href to define size
  32. var query= popURL.split('?');
  33. var dim= query[1].split('&');
  34. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  35. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://38.media.tumblr.com/30853fe6c9b10e246922a5953db4d1a0/tumblr_inline_nl8j0gMXwf1ry72eo.gif" class="btn_close" title="escape" alt="escape" /></a>');
  36. var popMargTop = ($('#' + popID).height() + 80) / 2;
  37. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  38. //Apply Margin to Popup
  39. $('#' + popID).css({
  40. 'margin-top' : -popMargTop,
  41. 'margin-left' : -popMargLeft
  42. });
  43. $('body').append('<div id="fade"></div>');
  44. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  45. return false;
  46. });
  47. $('a.close, #fade').live('click', function() {
  48. $('#fade , .popup_block').fadeOut(function() {
  49. $('#fade, a.close').remove(); //fade them both out
  50. });
  51. return false;
  52. });
  53. });
  54. </script>
  55. <!-- DEFAULT VARIABLES -->
  56.  
  57.  
  58. <meta name="image:Header" content="" />
  59. <meta name="image:Background" content="" />
  60.  
  61. <meta name="color:Background" content="#fffffF" />
  62. <meta name="color:Header" content="#ffffff" />
  63. <meta name="color:text" content="#000000" />
  64. <meta name="color:Link" content="#999999" />
  65. <meta name="color:Link BG" content="#fff" />
  66. <meta name="color:link hover" content="#CCCCCC" />
  67. <meta name="color:header" content="#FFFFFF" />
  68. <meta name="color:border" content="#f7c282" />
  69. <meta name="color:posts" content="#fff" />
  70. <meta name="color:selection background" content="#eee" />
  71. <meta name="color:selection text" content="#000" />
  72. <meta name="color:scrollbar" content="#f7c282" />
  73. <meta name="color:tooltip" content="#222" />
  74. <meta name="color:tooltip text" content="#fff" />
  75. <meta name="color:Description" content="#333333" />
  76. <meta name="color:chat 1" content="#f8f8f8" />
  77. <meta name="color:chat 2" content="#cfcfcf" />
  78. <meta name="color:ask bubble" content="#eee" />
  79. <meta name="color:ask text" content="#a0a0a0" />
  80. <meta name="color:Bold" content="#000"/>
  81. <meta name="color:Italic" content="#ddd"/>
  82.  
  83. <meta name="font:Text" content="" />
  84.  
  85. <meta name="text:Link 1" content="un." />
  86. <meta name="text:Link 1 url" content="http://" />
  87. <meta name="text:Link 2" content="deux." />
  88. <meta name="text:Link 2 url" content="http://" />
  89. <meta name="text:Link 3" content="trois." />
  90. <meta name="text:Link 3 url" content="http://" />
  91. <meta name="text:Link 4" content="quatre." />
  92. <meta name="text:Link 4 url" content="http://" />
  93. <meta name="text:Link 5" content="cinq." />
  94. <meta name="text:Link 5 url" content="http://" />
  95. <meta name="text:Link 6" content="six." />
  96. <meta name="text:Link 6 url" content="http://" />
  97. <meta name="text:askboxfaq" content="ask something" />
  98. <meta name="text:ask" content="shouted" />
  99. <meta ame="text:bullet point" content="+" />
  100. <!-- END DEFAULT VARIABLES -->
  101.  
  102.  
  103. <head>
  104. <script type="text/javascript"
  105. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  106. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  107. <script>
  108. (function($){
  109. $(document).ready(function(){
  110. $("[title]").style_my_tooltips({
  111. tip_follows_cursor:true,
  112. tip_delay_time:200,
  113. tip_fade_speed:300
  114. }
  115. );
  116. });
  117. })(jQuery);
  118. </script>
  119.  
  120.  
  121. <style type="text/css">
  122. #s-m-t-tooltip{
  123. max-width:300px;
  124. margin-top:-50px;
  125. margin-left:-20px;
  126.  
  127. border:2px solid white;
  128. box-shadow: 0px 0px 0px 2px {color:tooltip};
  129. font-family:consolas;
  130. padding:5px 5px;
  131. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  132. color:{color:tooltip text};
  133. z-index:999999999;
  134. font-size:12px;
  135. text-transform:uppercase;
  136. }
  137.  
  138. /* don't touch this, this is the what makes it look like a speech bubble */
  139. #s-m-t-tooltip:after{
  140.  
  141. content: '';
  142. position: absolute;
  143. border-style: solid;
  144. border-width: 8px 10px 0;
  145. border-color: {color:tooltip} transparent;
  146. display: block;
  147. width: 0;
  148. z-index: 1;
  149. bottom: -10px;
  150. left: 50%;}
  151.  
  152.  
  153.  
  154. ::-webkit-scrollbar {width: 10px; height: 4px; background: #ffffff; border:2px solid {color:border}; }
  155. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  156.  
  157.  
  158. ::selection {color: {color:selection text}; background: {color:selection background};}
  159. ::-moz-selection {
  160. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  161. }
  162.  
  163.  
  164.  
  165. #fade { /*--Transparent background layer--*/
  166. display: none; /*--hidden by default--*/
  167. background: #fff;
  168. background-image: url('');
  169. position: fixed; left: 0; top: 0;
  170. width: 100%; height: 100%;
  171. opacity: .80;
  172. z-index: 9999;
  173. }
  174.  
  175. .popup_block{
  176. display: none; /*--hidden by default--*/
  177. background: #fff;
  178. padding: 20px;
  179. border:2px solid {color:border};
  180. float: left;
  181. font-size: 16px;
  182. position: fixed;
  183. top: 50%; left: 50%;
  184. z-index: 99999;
  185. /*--CSS3 Box Shadows--*/
  186.  
  187. box-shadow: 8px 8px 0px rgba(50,50,50, .2);
  188. }
  189. img.btn_close {
  190. float: right;
  191. margin: -10px -10px 0 0;
  192. }
  193. /*--Making IE6 Understand Fixed Positioning--*/
  194. *html #fade {
  195. position: absolute;
  196. }
  197. *html .popup_block {
  198. position: absolute;
  199. }
  200.  
  201. .links {text-align:left}
  202. .links li{list-style:none;position:relative; padding:10px; border-bottom:1px solid {color:border};}
  203. .links li a:before{content:'☐ '; color:{color:links};}
  204. .links li a:hover:before{content:'☒ '; color:{color:link hover};}
  205.  
  206. /* CSS */
  207.  
  208.  
  209. body {
  210. background:{color:Background};
  211. background-image:url({image:Background});
  212. font-family:{font:Text};
  213. color:{color:Text};
  214. font-size:13px;
  215. line-height:15px;
  216. margin-left:0px;
  217. }
  218.  
  219. h1{
  220. font-size:20px;
  221. line-height: 25px;
  222. color:{color:Title};
  223. font-family:Verdana;
  224. font-weight: normal;
  225. }
  226.  
  227. h2{
  228. font-size:15px;
  229. line-height: 20px;
  230. color:{color:Text};
  231. font-family:Verdana;
  232. font-weight: normal;
  233. }
  234.  
  235. a:link, a:active, a:visited{
  236. -webkit-transition: color 0.2s ease-out;
  237. -moz-transition: color 0.2s ease-out;
  238. transition: color 0.2s ease-out;
  239. color:{color:link};
  240. text-decoration:none;
  241. }
  242.  
  243. a:hover {
  244. text-decoration:none;
  245. color:{color:link hover};
  246. -webkit-transition: all 0.2s ease-in-out;
  247. -moz-transition: all 0.2s ease-in-out;
  248. -o-transition: all 0.2s ease-in-out;
  249. transition: all 0.2s ease-in-out;}
  250.  
  251.  
  252. blockquote{
  253. padding:0px 0px 0px 6px;
  254. margin:0px 0px 2px 10px;
  255. border-left: 1px dotted #555555;
  256. }
  257.  
  258. blockquote img {max-width:100%;}
  259.  
  260.  
  261. a {
  262. color:{color:Link};
  263. }
  264.  
  265. b, strong {color:{color:Bold};}
  266.  
  267. i, em {color:{color:Italic};}
  268.  
  269. ol.notes {
  270. list-style-type: none;
  271. padding:0px;
  272. }
  273. ol.notes img{width:16px}
  274.  
  275. ol.notes li.note {
  276. padding:10px;
  277. border-bottom:2px solid {color:border};
  278. }
  279.  
  280.  
  281. /*Posts and entries*/
  282.  
  283. #container{
  284. position:relative;
  285. width:900px;
  286. min-height:600px;
  287. margin:auto;
  288.  
  289. }
  290.  
  291. .entry {
  292. float:left;
  293. display: block;
  294. margin:12px;
  295. overflow:hidden;
  296. width:250px;
  297. padding-right:10px;
  298. padding-left:10px;
  299. padding-bottom:10px;
  300. z-index:0; box-shadow: 8px 8px 0px rgba(50,50,50, .2);
  301. text-align:left;
  302. {block:PermalinkPage}
  303. width:500px;
  304. margin-left:180px;
  305. {/block:PermalinkPage}
  306. background:{color:posts} url(http://31.media.tumblr.com/2a6ec7d0851a5ddb1eda5f9c8db73386/tumblr_inline_mkjlivp3E41qz4rgp.gif);
  307. -webkit-transition: all .7s ease;
  308. -moz-transition: all .7s ease;
  309. -o-transition: all .7s ease;
  310. transition: all .7s ease;
  311. border:2px solid {color:border};
  312. }
  313.  
  314. .entry:hover{
  315. -webkit-transition: all .7s ease;
  316. -moz-transition: all .7s ease;
  317. -o-transition: all .7s ease;
  318. transition: all .7s ease;
  319. }
  320.  
  321. #posts {
  322. width:900px;
  323. margin-top:15px;
  324. z-index:99;
  325. margin-left:5px;
  326. background:transparent;
  327. margin-right:auto;
  328. position:relative;
  329. overflow-y: hidden;
  330. -webkit-animation: fadeInDown 2s;
  331. -moz-animation: fadeInDown 2s;
  332. -ms-animation: fadeInDown 2s;
  333.  
  334. }
  335. .entry img {max-width:100%;}
  336. .entry iframe{opacity:1}
  337. /* Header */
  338.  
  339. #header{
  340. position:relative;
  341. width:880px;
  342. height:auto;
  343. background:{color:Header};
  344. z-index:9;
  345. margin-top:30px;
  346. padding:5px;
  347. margin-bottom:5px;
  348. margin-left:auto;
  349. margin-right:auto;
  350. text-align:center;
  351. border-bottom: 1px solid {color:border};
  352. }
  353.  
  354. .headerimage {
  355. position:relative;
  356. background-image:{image:header};
  357. margin-left:-40px;
  358. margin-top:2px;
  359. width:80px;
  360. background:{color:header};
  361. height:80px;
  362. border:2px {color:border} solid;
  363. }
  364.  
  365. .headerimage img {
  366. width:80px;
  367. height:80px;
  368. }
  369.  
  370. .blogtitle{
  371. color:{color:Blog Title};
  372. position:relative;
  373. margin-left:auto;
  374. margin-right:auto;
  375. margin-top:10px;
  376. width:100%;
  377.  
  378. font-family:consolas;
  379. font-size:16px;
  380. padding:2px;
  381. background:white;
  382. letter-spacing:2px;
  383. line-height:22px;
  384. text-align:left;
  385. }
  386.  
  387. .headerlinks{
  388. position:absolute;
  389. width:450px;
  390. z-index:2;
  391. text-transform:lowercase;
  392. height:auto;
  393. bottom:10px;
  394. right:2px;
  395. text-align:right;
  396. }
  397.  
  398. .headerlinks a{
  399. position:relative;
  400. background:{color:Link BG};
  401. width:100%;
  402. height:auto;
  403. margin-top:5px;
  404. margin-bottom:5px;
  405. margin-left:0px;
  406. padding:3px;
  407. font-family:consolas;
  408. font-size:14px;
  409. line-height:15px;
  410. text-align:center;
  411. }
  412.  
  413. .headerlinks a:hover{
  414. background:{color:Header};
  415. -webkit-transition: all .7s ease-in-out;
  416. -moz-transition: all .7s ease-in-out;
  417. -o-transition: all .7s ease-in-out;
  418. transition: all .7s ease-in-out;
  419. }
  420.  
  421. .description{
  422. position:absolute;
  423. color:{color:Description};
  424. font-family:arial;
  425. width:400px;
  426. height:auto;
  427. padding:2px;
  428. top:0px;
  429. left:70px;
  430. max-height:84px;
  431. overflow-y:auto;
  432. font-size:12px;
  433. line-height:18px;
  434. text-align:left;
  435. }
  436.  
  437. /* Ask */
  438.  
  439. .question{
  440. width:100%;
  441. height:24px;
  442. line-height:24px;
  443. margin-bottom:4px;
  444. border-bottom:1px solid {color:border};
  445. }
  446.  
  447. .question img{
  448. border:2px solid {color:border};
  449. margin-right:4px;
  450. }
  451.  
  452. .answer{
  453. margin-top:10px;
  454. width:240px;
  455. {block:PermalinkPage}
  456. width:490px;
  457. {/block:PermalinkPage}
  458. padding:5px;
  459. background:{color:border};
  460. line-height:20px;
  461. }
  462.  
  463. /* Quote */
  464.  
  465. .quote {
  466. font-size:25px;
  467. line-height:28px;
  468. font-family:Garamond;
  469. color:{color:Italic};
  470. height:auto;
  471. margin-top:15px;
  472. margin-bottom:5px;
  473. padding:5px;
  474. text-align:center;
  475. letter-spacing:1px;
  476. }
  477. .source{
  478. font-size:12px;
  479. line-height:15px;
  480. font-family:Garamond;
  481. color:{color:Italic};
  482. height:auto;
  483. margin-top:15px;
  484. margin-bottom:5px;
  485. padding:5px;
  486. text-align:right;
  487. letter-spacing:1px;}
  488. }
  489.  
  490. /* Chat */
  491.  
  492. .chat ul {
  493. display:block;
  494. list-style:none;
  495. margin-left:-50px;
  496. }
  497.  
  498. /* chat lines style */
  499. .chat li {
  500. padding:3px;
  501. display:block;
  502. }
  503.  
  504. /* odd lines style */
  505. .chat .odd {
  506. background:{color:chat 1};
  507. }
  508.  
  509. /* even lines style */
  510. .chat .even {
  511. background:{color:chat 2};
  512. }
  513.  
  514.  
  515. .dinky {
  516. float:left;
  517. }
  518.  
  519. #albumart{
  520. z-index:2;
  521. width:80px;
  522. height:80px;
  523. {block:permalinkpage}
  524. width:150px;
  525. height:150px;
  526. {/block:permalinkpage}
  527. padding:2px;
  528.  
  529. }
  530. #albumart img{
  531. background:{color:highlight};
  532. width:80px;
  533. height:80px;
  534. {block:permalinkpage}
  535. width:150px;
  536. height:150px;
  537. {/block:permalinkpage}
  538. padding:2px;
  539.  
  540. border:2px solid {color:border}; transition:.6s;
  541.  
  542. }
  543.  
  544.  
  545. .player {
  546. width:20px;
  547. overflow:hidden;
  548. height:40px;
  549. padding:0px;
  550. padding-top:10px;
  551. padding-left:2px;
  552. margin-left:-2px;
  553. margin-top:-10px;
  554. {block:permalinkpage}
  555. margin-top:0px;
  556. margin-left:2px;
  557. transform:scale(1.4);
  558. {/block:permalinkpage}
  559. border-radius:90px;
  560. position:relative;
  561.  
  562.  
  563. }
  564.  
  565.  
  566. .playercon {
  567. width:150px;
  568. height:30px; margin-top:-10px;
  569. {block:permalinkpage}
  570.  
  571. width:300px;
  572. height:50px;{/block:permalinkpage}
  573. background:white;
  574. border:2px solid {color:border}; transition:.6s;
  575. margin-left:2px;
  576. position:relative;
  577.  
  578. border-left:none;
  579.  
  580. }
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587. .donkey {
  588. float:left top;
  589. margin-left:70px; height:50px;
  590. {block:permalinkpage}
  591.  
  592. margin-left:134px;height:110px;{/block:permalinkpage}
  593. background-color:transparent;
  594. padding:20px;
  595.  
  596.  
  597. text-align:center;
  598. color:{color:text};
  599. }
  600.  
  601. .track {
  602. font-size:10px;
  603.  
  604. {block:permalinkpage}
  605. font-size:16px; letter-spacing:4px;
  606. {/block:permalinkpage}
  607.  
  608. margin-top:-46px;
  609. margin-left:6px;
  610. padding:10px;
  611. padding-left:14px;
  612. font-weight:300;
  613. text-transform:uppercase; transition:.6s;
  614. font-family:bitxmap;
  615.  
  616. }
  617.  
  618.  
  619.  
  620.  
  621.  
  622. .artist {
  623. letter-spacing:1px;
  624. font-style:italic;
  625.  
  626.  
  627.  
  628. }
  629.  
  630. .playcount {
  631. font-size:9px;
  632.  
  633. text-transform:uppercase;
  634. letter-spacing:3px;
  635. }
  636.  
  637.  
  638. #audiolo {
  639. width:250px;
  640. {block:permalinkpage}
  641. width:480px;
  642. {/block:permalinkpage}
  643.  
  644. }
  645.  
  646. .speechbubble {
  647. width:160px;
  648. {block:permalinkpage}
  649. width:400px;
  650. {block:permalinkpage}
  651.  
  652. position: relative;
  653. background:{color:ask bubble} ;
  654. left:70px;
  655. color:{color:ask text};
  656. padding:10px;
  657. text-align:left;
  658. z-index:2;
  659. box-shadow: 0px 0 1px rgba(0,0,0,0);
  660. border: {color:border} solid 2px;
  661. }
  662.  
  663. .speechbubble:after
  664. {
  665. content: '';
  666. position: absolute;
  667. border-style: solid;
  668. border-width: 10px 15px 10px 0;
  669. border-color: transparent {color:ask bubble};
  670. display: block;
  671. width: 0;
  672. z-index: 1;
  673. left: -14px;
  674. top: 14px;
  675. }
  676.  
  677. .speechbubble:before
  678. {
  679. content: '';
  680. position: absolute;
  681. border-style: solid;
  682. border-width: 11px 16px 11px 0;
  683. border-color: transparent {color:border};
  684. display: block;
  685. width: 0;
  686. z-index: 0;
  687. left: -17px;
  688. top: 13px;
  689. }
  690.  
  691.  
  692.  
  693. /* Post info */
  694.  
  695. .info {
  696. height:auto;
  697. line-height:15px;
  698. float:center;
  699. margin-top:0px;
  700. text-align:center;
  701. font-size:12px;
  702. letter-spacing:1px;
  703. background-color: transparent;
  704. color:{color:Link};
  705. margin-bottom:10px;
  706. width:250px;
  707. {block:PermalinkPage}
  708. width:500px;
  709. {block:PermalinkPage}
  710. text-transform:lowercase;
  711. }
  712.  
  713. .info a {
  714. font-size:13.2px; text-decoration:underline; }
  715.  
  716. /* Pagination */
  717.  
  718. .jump_page {
  719. padding: 4px 8px;
  720. border:2px solid {color:border};
  721. background-color:{color:Link BG};
  722. color:{color:Link};
  723. font-size:11px;
  724. text-decoration:none;
  725. }
  726.  
  727. .current_page, .jump_page:hover {
  728. padding: 4px 8px;
  729. border:2px solid {color:border};
  730. background-color:{color:border};
  731. color: {color:link hover};
  732. font-size:11px;
  733. text-decoration:none;
  734. }
  735.  
  736. li{list-style:none}
  737. li:before{content:'{text:bullet point}'}
  738.  
  739.  
  740. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  741. font-family: "bitxmap";
  742. border:2px solid {color:border};
  743.  
  744. }
  745. #egg:hover { animation-name: egg;
  746. animation-duration: 1s;
  747. animation-iteration-count: infinite;}
  748. @keyframes egg{
  749. 0%{}
  750. 10%{transform:rotate(20deg)}
  751. 80%{transform:rotate(-20deg)}
  752. 100%{}
  753. }
  754.  
  755. /* END CSS */
  756.  
  757.  
  758. {CustomCSS}
  759. </style>
  760.  
  761. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  762. <script src="jquery.style-my-tooltips.js"></script>
  763.  
  764. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  765.  
  766. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  767. <script>
  768. (function($){
  769. $(document).ready(function(){
  770. $("[title]").style_my_tooltips({
  771. tip_follows_cursor:true,
  772. tip_delay_time:200,
  773. tip_fade_speed:300
  774. }
  775. );
  776. });
  777. })(jQuery);
  778. </script>
  779.  
  780. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  781. </script>
  782. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  783. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  784. <script type="text/javascript">
  785.  
  786. $(window).load(function () {
  787. $('.posts').masonry(),
  788. $('.masonryWrap').infinitescroll({
  789. navSelector : "div#navigation",
  790. // selector for the paged navigation (it will be hidden)
  791. nextSelector : "div#navigation a#nextPage",
  792. // selector for the NEXT link (to page 2)
  793. itemSelector : ".entry",
  794. // selector for all items you'll retrieve
  795. bufferPx : 10000,
  796. extraScrollPx: 11000,
  797. loadingImg : "",
  798. loadingText : "<em></em>",
  799. },
  800. // call masonry as a callback.
  801. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  802. );
  803. });
  804. </script>
  805. <script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script></head>
  806.  
  807.  
  808.  
  809. </head>
  810.  
  811.  
  812. <!-- HTML -->
  813.  
  814. <body>
  815.  
  816. <div id="header">
  817.  
  818. <div class="headerimage"><img src="{image:header}"></div>
  819.  
  820.  
  821.  
  822. <div class="headerlinks">
  823. <a href="/" title="{lang:home}">home</a>
  824. <a href="#?w=500" rel="03" class="poplight" title="{lang:mail}">mail</a>
  825. <a href="/archive" title="{lang:archive}">past</a>
  826. <a href="#?w=250" rel="02" class="poplight">+</a>
  827. </div>
  828.  
  829. <div class="description">{description}</div>
  830. <div class="blogtitle">{Title}</div>
  831. </div>
  832.  
  833.  
  834.  
  835. <!-- POSTS -->
  836.  
  837. <div id="container">
  838.  
  839. <div class="posts">
  840.  
  841. {block:Posts}
  842.  
  843. <div class="entry">
  844.  
  845. <div class="content">
  846.  
  847. <!-- Date -->
  848. <div class="info">
  849. <a href="{Permalink}" title="{24hour}:{minutes}{ampm}">{dayofmonth}.{Monthnumber}.{shortyear}</a> {block:notecount}| <a href="{permalink}" title="notes"> {NoteCount}</a>{/block:notecount} | <a href="{ReblogURL}">+reblog</a>
  850.  
  851.  
  852. <!-- Reblogged from -->{block:permalinkpage}
  853. {block:RebloggedFrom}
  854. <a href="{ReblogParentURL}" title="{reblogparentname}">
  855. / via</a>
  856.  
  857. <a href="{ReblogRootURL}" title="{ReblogRootName}">/ source</a>{/block:RebloggedFrom}
  858. {/block:permalinkpage}
  859. </div>
  860. {/block:Date}
  861.  
  862.  
  863. <!-- Text -->
  864. {block:Text}
  865. {block:Title}
  866. <a href="{Permalink}">
  867. <h1>{Title}</h1></a>
  868. {/block:Title}
  869. <h2>{Body}</h2>
  870. {/block:Text}
  871.  
  872.  
  873. <!-- Photo -->
  874. {block:Photo}
  875. {block:IndexPage}
  876. <img src="{PhotoURL-250}"
  877. </a>{/block:IndexPage}
  878. {block:PermalinkPage}
  879. <a href="{permalink}">
  880. <img src="{PhotoURL-500}"
  881. width="500"/></a>{/block:PermalinkPage}
  882. {block:caption}{caption}{/block:caption}
  883. {/block:Photo}
  884.  
  885.  
  886. <!-- Photoset -->
  887. {block:Photoset}
  888. {block:IndexPage}
  889. {Photoset-250}
  890. {/block:IndexPage}
  891. {block:PermalinkPage}
  892. {Photoset-500}
  893. {/block:PermalinkPage}
  894. {block:caption}{caption}{/block:caption}
  895. {/block:Photoset}
  896.  
  897.  
  898. <!-- Quote -->
  899. {block:Quote}
  900. <div class="quote">
  901. " {Quote} "
  902. {block:Source}
  903. <div class="source">-{Source}
  904. </div>{/block:Source}</div>
  905. {/block:Quote}
  906.  
  907. <!-- Link -->
  908. {block:Link}
  909. <center>
  910. <a href="{URL}"
  911. class="linkpost"
  912. target="_blank">
  913. <h1>{Name} &raquo; <h1></a>
  914. </center>
  915. {block:Description}
  916. <h2>{Description}</h2>
  917. {/block:Description}
  918. {/block:Link}
  919.  
  920. <!-- Chat -->
  921. {block:Chat}
  922. <div class="chat">
  923. <ul>
  924. {block:Lines}
  925. <li class="{Alt}">
  926. {block:Label}<b>{Label}</b>{/block:Label}
  927. {Line}
  928. </li>
  929. {/block:Lines}
  930. </ul>
  931. </div>
  932. {/block:Chat}
  933.  
  934. <!-- Audio -->
  935.  
  936. {block:Audio}
  937.  
  938. <div id="audiolo">
  939. <div class="dinky">
  940. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  941. </div>
  942.  
  943. <div class="donkey"><div class="playercon"><div class="player">{AudioPlayerWhite}</div><div class="track"> {block:TrackName}
  944. {TrackName}
  945. {/block:TrackName} </div> </div>
  946.  
  947.  
  948.  
  949. <div class="artist">
  950. {block:Artist}{Artist}
  951. {/block:Artist} </div>
  952.  
  953. <div class="album">
  954. {block:Album}
  955. {Album}
  956. {/block:Album}
  957. </div>
  958.  
  959. <div class="playcount">
  960.  
  961. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  962. </div></div>
  963.  
  964. {block:caption}{caption} {/block:Caption}
  965.  
  966. {/block:Audio}
  967.  
  968. <!-- Video -->
  969. {block:Video}
  970. {block:IndexPage}
  971. {Video-250}
  972. {/block:IndexPage}
  973. {block:PermalinkPage}
  974. {Video-500}
  975. {/block:PermalinkPage}
  976. {/block:Video}
  977.  
  978.  
  979. <!-- Ask -->
  980. {block:Answer}
  981.  
  982. <div class="askerportrait"><img style=" margin-left:10px; width:40px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble"><font style="margin-left:-40px">{Asker} {text:ask}: {Question}</font></div><br>
  983. {Answer}
  984. <br>
  985.  
  986. {/block:Answer}
  987.  
  988. <!-- Tags -->
  989. <br>{block:HasTags}
  990. {block:Tags}&nbsp;#
  991. <a href="{TagURL}">
  992. {Tag}</a>,&nbsp;
  993. {/block:Tags}
  994. {/block:HasTags}
  995.  
  996. <!-- Permalink page -->
  997. {block:PermalinkPage}
  998. {block:PostNotes}
  999. {PostNotes-16}
  1000. {/block:PostNotes}
  1001. {/block:PermalinkPage}
  1002.  
  1003. <!-- Other -->
  1004. {block:ContentSource}
  1005. <!-- {SourceURL}
  1006. {block:SourceLogo}
  1007. <img src="{BlackLogoURL}"
  1008. width="{LogoWidth}"
  1009. height="{LogoHeight}"
  1010. alt="{SourceTitle}" />
  1011. {/block:SourceLogo}
  1012. {block:NoSourceLogo}
  1013. {SourceLink}
  1014. {/block:NoSourceLogo} -->
  1015. {/block:ContentSource}
  1016.  
  1017. </div></div>
  1018.  
  1019. {/block:Posts}
  1020.  
  1021. <!-- END POSTS -->
  1022.  
  1023. </div></div>
  1024.  
  1025. <!-- END CONTAINER -->
  1026.  
  1027. <!-- pagination -->
  1028. {block:Pagination}
  1029. <center>
  1030. {block:PreviousPage}<a href="{PreviousPage}">«</a>
  1031. {/block:PreviousPage}
  1032. {block:JumpPagination length="5"}
  1033. {block:CurrentPage}<span class="current_page">
  1034. {PageNumber}</span>{/block:CurrentPage}
  1035. {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</span></a>
  1036. {/block:JumpPage}
  1037. {/block:JumpPagination}
  1038. {block:NextPage}<a href="{NextPage}">»</a>
  1039. {/block:NextPage}
  1040. </center>
  1041. {/block:Pagination}
  1042.  
  1043. <a href="http://espoirthemes.tumblr.com/" title="credit" ><div id="egg"></div></a>
  1044.  
  1045.  
  1046. </body>
  1047.  
  1048.  
  1049. <div id="02" class="popup_block"><div class="links">
  1050. <li><a href="{text:Link 1 url}">{text:Link 1}</a></li>
  1051. <li><a href="{text:Link 2 url}">{text:Link 2}</a></li>
  1052. <li><a href="{text:Link 3 url}">{text:Link 3}</a></li>
  1053. <li><a href="text:link 4 url">{text:link 4}</a></li>
  1054. <li><a href="text:link 5 url">{text:link 5}</a></li>
  1055. <li><a href="text:link 6 url">{text:link 6}</a></li>
  1056. </div></div></div>
  1057.  
  1058.  
  1059.  
  1060. <div id="03" class="popup_block">
  1061. {text:askboxfaq}<br><br>
  1062.  
  1063. <iframe id="ask_form" style="background-color: transparent; overflow: hidden;" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" width="100%" height="150"></iframe>
  1064. </div></div>
  1065.  
  1066.  
  1067. </html>
  1068.  
  1069. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement