API tools faq
paste
Advertisement
sunkei

Dark Beater

sunkei
Sep 8th, 2012
28,886
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Dark Beater 0.1
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6. 12/09/2012 : LinkHover
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/vIvm9zpy6/pattern2.png"/>
  23. <meta name="image:Top img" content="http://24.media.tumblr.com/tumblr_m9ya9xxV0d1qjekjeo1_500.gif"/>
  24. <meta name="image:Bottom img" content="http://24.media.tumblr.com/tumblr_m9qgigwFEd1qjekjeo1_500.gif"/>
  25.  
  26. <meta name="color:Background" content="#fff" />
  27.  
  28. <meta name="color:Title" content="#ffba00" />
  29. <meta name="color:TitleBG" content="#000" />
  30. <meta name="color:Description" content="#444" />
  31.  
  32. <meta name="color:IconBG" content="#000" />
  33. <meta name="color:Iconshadow" content="#111" />
  34. <meta name="color:Menu" content="#fff" />
  35. <meta name="color:MenuBG" content="#fff" />
  36. <meta name="color:MenuHover" content="#000" />
  37. <meta name="color:MenuHoverBG" content="#ffba00" />
  38.  
  39. <meta name="color:Link" content="#14b6f8" />
  40. <meta name="color:LinkHover" content="#f1133d" />
  41.  
  42.  
  43. <meta name="color:EntryBG" content="#000" />
  44. <meta name="color:EntryBorder" content="#090909" />
  45. <meta name="color:Texts" content="#aaa" />
  46. <meta name="color:CaptionBG" content="#090909" />
  47. <meta name="color:Infos" content="#fff" />
  48. <meta name="color:Date" content="#162863" />
  49. <meta name="color:Notes" content="#740101" />
  50. <meta name="color:Reblog" content="#4e1701" />
  51. <meta name="color:TagHover" content="#fff" />
  52.  
  53. <meta name="color:Scroll" content="#333" />
  54. <meta name="color:ScrollBG" content="#181818" />
  55.  
  56.  
  57. <meta name="if:EndlessScroll" content="0"/>
  58. <meta name="if:Caption" content="0"/>
  59. <meta name="if:MenuBG" content="0"/>
  60. <meta name="if:Title" content="1"/>
  61. <meta name="if:250" content="0"/>
  62. <meta name="if:400" content="1"/>
  63. <meta name="if:500" content="0"/>
  64.  
  65.  
  66. <meta name="text:Notes" content="XP"/>
  67. <meta name="text:Link1" content="Link 1"/>
  68. <meta name="text:Link1URL" content=""/>
  69. <meta name="text:Link2" content="Link 2"/>
  70. <meta name="text:Link2URL" content=""/>
  71. <meta name="text:Link3" content="Link 3"/>
  72. <meta name="text:Link3URL" content=""/>
  73.  
  74.  
  75.  
  76. {block:IfEndlessScroll}
  77. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  78.  
  79. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  80.  
  81. <style type="text/css">
  82.  
  83. 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;}
  84.  
  85. 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;}
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:75px;}
  88. ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:ScrollBG};}
  89.  
  90.  
  91.  
  92.  
  93. body
  94. {font-family:arial;
  95. font-size:10px;
  96. color:{color:Texts};
  97. background-color:{color:Background};
  98. background-image:url('{image:Background}');
  99. background-position: fixed;
  100. background-attachment:fixed;
  101. background-repeat:repeat;}
  102.  
  103. a
  104. {text-decoration:none;
  105. color:{color:Link};
  106. -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;
  107. opacity:1;}
  108.  
  109. a:hover
  110. {text-decoration:none;
  111. color:{color:LinkHover};
  112. opacity:1;}
  113.  
  114. blockquote
  115. {border-left:2px solid {color:LinkHover};
  116. padding-left:5px;}
  117.  
  118.  
  119. #left
  120. {position:fixed;
  121. top:155px;
  122. left:250px;
  123. width:250px;}
  124.  
  125. .side
  126. {padding-bottom:3px;
  127. overflow:hidden;}
  128. .side img
  129. {margin-bottom:-3px;}
  130.  
  131. #un
  132. {border-radius:5px 5px 0px 0px;
  133. -moz-border-radius:5px 5px 0px 0px;}
  134. #deux
  135. {border-radius:0px 0px 5px 5px;
  136. -moz-border-radius:0px 0px 5px 5px;}
  137.  
  138.  
  139.  
  140. #about
  141. {color:{color:Description};
  142. margin-top:5px;
  143. text-align:right;
  144. font-style:italic;}
  145.  
  146. #about b
  147. {color:{color:LinkHover};opacity:0.8;}
  148.  
  149. #about u
  150. {color:{color:Link};opacity:0.6;}
  151.  
  152. #title
  153. {position:absolute;
  154. letter-spacing:3px;
  155. text-transform:uppercase;
  156. color:{color:Title};
  157. width:250px;
  158. text-align:center;
  159. margin-top:-8px;
  160. font-family:courier;}
  161.  
  162. .title
  163. {background-color:{color:TitleBG};padding-left:3px;}
  164.  
  165.  
  166.  
  167. #menu
  168. {position:fixed;
  169. margin-left:-165px;
  170. margin-top:0px;}
  171.  
  172. .nav
  173. {background-image:url('http://static.tumblr.com/onhp7lq/7Phm9xwzr/trans5-100.png');
  174. width:150px;
  175. padding:5px;
  176. {block:IfMenuBG}
  177. background-color:{color:MenuBG};
  178. {/block:IfMenuBG}
  179. color:{color:Menu};
  180. height:25px;
  181. margin:0px 0px 3px 0px;
  182. -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;}
  183. .nav img
  184. {margin:0px 10px -3px 5px;
  185. padding:5px;
  186. background-color:{color:IconBG};
  187. border-radius:12px;
  188. -moz-border-radius:12px;
  189. box-shadow:0px 0px 4px {color:IconShadow};
  190. float:left;}
  191.  
  192. .sub
  193. {width:100px;
  194. margin-left:50px;
  195. padding:5px 5px 5px 0px;
  196. color:{color:Menu};
  197. margin-bottom:3px;
  198. font-size:9px;
  199. letter-spacing:2px;
  200. background-image:url('http://static.tumblr.com/onhp7lq/7Phm9xwzr/trans5-100.png');
  201. border-radius:3px;
  202. border-left:5px solid transparent;
  203. -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;}
  204.  
  205. .sub:hover
  206. {color: {color:Link};
  207. background-image:url('http://static.tumblr.com/onhp7lq/8PBm9ydr2/trans2-5-100.png');
  208. border-left:5px solid {color:Link};}
  209.  
  210. .row
  211. {opacity:0;font-size:10px;margin-left:-3px;color: {color:Link};
  212. -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;}
  213. .sub:hover .row
  214. {opacity:1;}
  215.  
  216. .text
  217. {float:left;
  218. margin-top:8px;
  219. text-transform:uppercase;
  220. letter-spacing:5px;
  221. font-size:10px;
  222. font-family:trebuchet ms;}
  223.  
  224. .nav:hover
  225. {background-color:{color:MenuHoverBG};
  226. color:{color:MenuHover};}
  227.  
  228. #more
  229. {height:35px;
  230. overflow:hidden;
  231. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  232. #more:hover
  233. {height:115px;}
  234. #more:hover .nav
  235. {background-color:{color:MenuHoverBG};
  236. color:{color:MenuHover};}
  237. #more:hover .bleh
  238. {opacity:1;
  239. margin-left:25px;}
  240.  
  241.  
  242. .bleh
  243. {font-family:arial;
  244. font-size:16px;
  245. margin-top:5px;
  246. position:absolute;
  247. margin-left:15px;
  248. color:{color:IconBG};
  249. opacity:0;
  250. -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;}
  251.  
  252. .nav:hover .bleh
  253. {opacity:1;
  254. margin-left:25px;}
  255.  
  256.  
  257. #caption
  258. {border:1px solid {color:EntryBorder};
  259. margin-top:10px;background-color:{color:CaptionBG};
  260. padding:0px 5px 0px 5px;}
  261.  
  262.  
  263.  
  264. #posts
  265. {margin-left:505px;}
  266.  
  267. .post
  268. {border:1px solid {color:EntryBorder};
  269. background-color:{color:EntryBG};
  270. border-radius:5px;
  271. -moz-morder-radius:5px;
  272. margin:15px 0px 15px 0px;
  273. padding:10px;
  274.  
  275. text-align:justify;
  276. overflow:hidden;
  277. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  278.  
  279. .post img
  280. {max-width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  281.  
  282. #bar
  283. {border-top:1px solid #080808;
  284. margin-top:10px;}
  285.  
  286.  
  287. #hover
  288. {position:absolute;
  289. margin-top:0px;
  290. opacity:0;
  291. -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;}
  292.  
  293. .post:hover #hover
  294. {opacity:1;
  295. margin-top:15px;}
  296.  
  297.  
  298. .info
  299. {padding:2px 5px 2px 5px;
  300. width:85px;
  301. color:#fff;
  302. text-transform:uppercase;
  303. letter-spacing:1px;
  304. font-family:courier;
  305. text-align:right;
  306. background-image:url('http://static.tumblr.com/onhp7lq/7Phm9xwzr/trans5-100.png');
  307. margin-bottom:3px;
  308. border-radius:0px 5px 5px 0px;
  309. -moz-border-radius:0px 5px 5px 0px;
  310. -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;}
  311.  
  312. .info:hover
  313. {padding:2px 5px 2px 20px; }
  314.  
  315. #ichi
  316. {background-color:{color:Link};color:{color:Date};
  317. width:100px;}
  318. #ichi:hover
  319. {padding:2px 5px 2px 5px;}
  320. #ni
  321. {color:{color:Infos};}
  322. #sa
  323. {color:{color:Infos};}
  324. #ni:hover
  325. {background-color:{color:LinkHover};color:{color:Notes};}
  326. #sa:hover
  327. {background-color:{color:Title};color:{color:Reblog};}
  328.  
  329. #tags
  330. {position:absolute;
  331. width:105px;
  332. margin-top:30px;
  333. margin-left:{block:If250}266px{block:If250} {block:If400}416px{block:If400} {block:If500}516px{block:If500};
  334. opacity:0;
  335. -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;}
  336.  
  337. .post:hover #tags
  338. {opacity:1;
  339. margin-top:15px;}
  340.  
  341. .ta
  342. {text-transform:uppercase;
  343. text-align:left;
  344. color:{color:LinkHover};
  345. margin-bottom:3px;
  346. letter-spacing:1px;
  347. font-family:courier;
  348. -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;}
  349. .diez
  350. {color:{color:TagHover};}
  351. .ta:hover
  352. {color:{color:TagHover};}
  353.  
  354.  
  355. #permabar
  356. {text-transform:uppercase;font-family:courier;
  357. letter-spacing:1px;
  358. padding:0px 10px 0px 10px;}
  359. .posted {color:{color:Link};}
  360. .via {color:{color:LinkHover};}
  361. .tags {color:{color:Title};}
  362.  
  363. #origin a
  364. {color:{color:Texts};}
  365. #origin a:hover
  366. {opacity:0.6;}
  367.  
  368. ol.notes {font-family:arial;
  369. font-style:italic;
  370. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  371.  
  372. ol.notes li.note img.avatar {width:0px;}
  373.  
  374. .body a
  375. {font-style:italic;}
  376.  
  377. .titre
  378. {font-family:trebuchet ms;font-style:italic;
  379. letter-spacing:1px;font-size:15px;
  380. padding-bottom:5px;
  381. color:{color:Title};
  382. border-bottom:1px solid {color:EntryBorder};}
  383.  
  384. #textbar
  385. {border-top:1px solid {color:EntryBorder};margin-top:3px;
  386. padding-top:3px;text-transform:uppercase;font-family:courier;
  387. letter-spacing:1px;}
  388.  
  389. .droite
  390. {float:right;text-align:right;color:{color:Title};}
  391.  
  392. .quote
  393. {text-align:center;font-style:italic;font-size:12px;}
  394. .source
  395. {text-align:center;}
  396. #link
  397. {color:{color:LinkHover};}
  398. .line
  399. {margin-bottom:1px;}
  400. .name
  401. {text-transform:uppercase;font-family:courier;
  402. letter-spacing:1px;}
  403. .even .biz
  404. {opacity:0.7;}
  405. .odd .name
  406. {color:{color:Link};}
  407. .even .name
  408. {color:{color:LinkHover};}
  409.  
  410. #audio
  411. {height:125px;margin-bottom:5px;}
  412. #album
  413. {width:125px;height:125px;overflow:hidden;float:left;}
  414. #cote
  415. {margin:25px 10px 25px 10px;float:left;}
  416.  
  417. .playero
  418. {overflow:hidden;
  419. position:absolute;
  420. width:20px;height:20px;
  421. border-radius:30px;
  422. -moz-border-radius:30px;
  423. margin:51px 0px 0px 52px;}
  424. .o
  425. {overflow:hidden;
  426. position:absolute;
  427. width:35px;height:35px;
  428. border-radius:35px;
  429. -moz-border-radius:35px;
  430. margin:46px 0px 0px 47px;
  431. background-color:#fff;
  432. box-shadow:0px 0px 5px #555;}
  433.  
  434. #question
  435. {border-bottom:1px solid {color:EntryBorder};padding-bottom:3px;}
  436. #anon
  437. {color:{color:Link};}
  438. .question
  439. {font-style:italic;opacity:0.6;}
  440.  
  441. #pagination
  442. {margin-right:15px;
  443. height:35px;
  444. margin-top:15px;}
  445. .page
  446. {width:35px;height:35px;
  447. overflow:hidden;
  448. float:right;
  449. font-size:27px;
  450. margin:5px 15px 0px 17px;
  451. font-family:consolas;
  452. background-image:url('http://static.tumblr.com/onhp7lq/8PBm9ydr2/trans2-5-100.png');
  453. text-align:center;
  454. color:{color:Menu};
  455. border-radius:5px;
  456. -moz-border-radius:5px;
  457. -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;}
  458.  
  459. .page:hover
  460. {color:{color:LinkHover};}
  461. .page a
  462. {color:{color:Menu};}
  463. .page a:hover
  464. {color:{color:LinkHover};}
  465.  
  466. #credits
  467. {width:160px;text-align:center;
  468. font-family:trebuchet ms;
  469. margin-top:10px;
  470. font-size:8px;letter-spacing:3px;
  471. text-transform:uppercase;
  472. color:{color:Description};}
  473. </style>
  474. </head>
  475. <body>
  476.  
  477. {block:IfEndlessScroll}
  478. <a class="name" style="position:fixed;bottom:10px;right:10px;" href="#top">back to top</a>{/block:IfEndlessScroll}
  479.  
  480. <div id="left">
  481.  
  482. <div id="menu">
  483.  
  484. <a href="/"><div class="nav" id="un"><span class="bleh">►</span><img src="http://static.tumblr.com/onhp7lq/7gmm9xwu5/home_icon_16.png"/><div class="text">Home</div></div></a>
  485. <a href="/ask"><div class="nav"><span class="bleh">►</span><img src="http://static.tumblr.com/onhp7lq/AZ7m9xxf0/paper_airplane_icon_16.png"/><div class="text">Message</div></div></a>
  486. <a href="/archive"><div class="nav"><span class="bleh">►</span><img src="http://static.tumblr.com/onhp7lq/Ep7m9xxid/calendar_2_icon_16.png"/><div class="text">Archive</div></div></a>
  487.  
  488. <div id="more">
  489. <div class="nav" id="deux"><span class="bleh">►</span><img src="http://static.tumblr.com/onhp7lq/iaPm9xxq0/cube_icon_16.png"/><div class="text">more</div></div>
  490. <a href="{text:Link1URL}"><div class="sub"><span class="row">►</span>{text:Link1}</div></a>
  491. <a href="{text:Link2URL}"><div class="sub"><span class="row">►</span>{text:Link2}</div></a>
  492. <a href="{text:Link3URL}"><div class="sub"><span class="row">►</span>{text:Link3}</div></a>
  493. </div><!--more-->
  494.  
  495.  
  496.  
  497. {block:IfNotEndlessScroll}
  498. {block:Pagination}
  499. <div id="pagination">
  500.  
  501.  
  502.  
  503. {block:NextPage}
  504. <a href="{NextPage}"><div class="page">></div></a>
  505. {/block:NextPage}
  506.  
  507.  
  508. <div class="page">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}</div>
  509.  
  510.  
  511. </div>
  512. {/block:Pagination}
  513. {/block:IfNotEndlessScroll}
  514. <a Title="Dark beater theme"href="http://gyapo.tumblr.com/"><div id="credits">theme by gyapo</div></a>
  515. </div>
  516.  
  517. <div class="side"><img id="un" width="250px"src="{image:Top img}"/></div>
  518. {block:IfTitle}
  519. <div id="title"><span class="title">{Title}</span></div>
  520. {/block:IfTitle}
  521. <div class="side"><img id="deux" width="250px"src="{image:Bottom img}"/></div>
  522. <div id="about">
  523. {Description}
  524. </div><!--about-->
  525.  
  526.  
  527. </div><!--left-->
  528.  
  529.  
  530.  
  531. <div id="posts">
  532. {block:Posts}
  533.  
  534. {block:ContentSource}
  535. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  536. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  537. {/block:SourceLogo}
  538. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  539. {/block:ContentSource}
  540.  
  541. {block:RebloggedFrom}
  542. <!--{ReblogParentName}-->
  543. {/block:RebloggedFrom}
  544. <div class="post">
  545. {block:HasTags}<div id="tags">
  546. {block:Tags}<a href="{TagURL}"><div class="ta"><span class="diez">#</span>{Tag}</div></a>{/block:Tags}</div>{/block:HasTags}
  547.  
  548. {block:Answer}
  549. <div id="question">
  550. <span class="name" id="anon">{Asker}:</span><span class="question">{Question}</span>
  551. </div>
  552. <div class="body" id="answer">{Answer}</div>
  553. {block:IndexPage}
  554. <div id="textbar">
  555. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  556. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  557. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  558. </div>
  559. {/block:IndexPage}
  560. {/block:Answer}
  561.  
  562.  
  563. {block:Quote}
  564. <div class="quote">"{Quote}"</div>
  565. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  566. {block:IndexPage}
  567. <div id="textbar">
  568. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  569. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  570. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  571. </div>
  572. {/block:IndexPage}
  573. {/block:Quote}
  574.  
  575. {block:Link}
  576. <a href="{URL}" target="_blank"><div class="titre" id="link">{Name}</div></a>
  577. {block:Description}<div class="body">{Description}</div>{/block:Description}
  578. {block:IndexPage}
  579. <div id="textbar">
  580. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  581. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  582. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  583. </div>
  584. {/block:IndexPage}
  585. {/block:Link}
  586.  
  587.  
  588. {block:Chat}
  589. {block:Title}<div class="titre">{Title}</div>{/block:Title}
  590. {block:Lines}<div class="{Alt}">{block:Label}<span class="name">{Label}</span>{/block:Label}<span class="biz">{Line}</span></div>{/block:Lines}
  591. {block:IndexPage}
  592. <div id="textbar">
  593. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  594. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  595. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  596. </div>
  597. {/block:IndexPage}
  598. {/block:Chat}
  599.  
  600. {block:Text}
  601. {block:Title}<div class="titre">{Title}</div>{/block:Title}
  602. <div class="body">{Body}</div>
  603. {block:IndexPage}
  604. <div id="textbar">
  605. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  606. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  607. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  608. </div>
  609. {/block:IndexPage}
  610. {/block:Text}
  611.  
  612. {block:Photo}
  613. {block:IndexPage}
  614. <div id="hover">
  615. {block:Date}<div class="info" id="ichi">{DayOfMonthWithZero} {ShortMonth} {Year}</div> {/block:Date}
  616. <a href="{Permalink}"><div class="info" id="ni">{NoteCount} {text:Notes}</div></a>
  617. <a href="{ReblogURL}" target="_blank"><div class="info" id="sa">Reblog</div></a>
  618. </div>
  619. <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>
  620. {/block:IndexPage}
  621. {block:PermalinkPage}
  622. {LinkOpenTag}<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>
  623. {LinkCloseTag}
  624. {/block:PermalinkPage}
  625. {block:IfCaption}
  626. {block:IndexPage}
  627. {block:Caption}<div id="caption" class="body">{Caption}</div>{/block:Caption}
  628. {/block:IndexPage}
  629. {/block:IfCaption}
  630. {/block:Photo}
  631.  
  632. {block:Audio}
  633.  
  634. <div id="audio">
  635. <div class="o"></div>
  636. <div class="playero">{AudioPlayerWhite}</div>
  637. <div id="album">
  638. {block:AlbumArt}
  639. <img width="125px" src="{AlbumArtURL}"/>
  640. {/block:AlbumArt}
  641. </div>
  642. <div id="cote">
  643. {block:Artist}
  644. <div><span class="name" style="color:{color:LinkHover}">Artist:</span> {Artist}</div>
  645. {/block:Artist}
  646. {block:TrackName}
  647. <div><span class="name" style="color:{color:Link}">Song:</span> {TrackName}</div>
  648. {/block:TrackName}
  649. {block:Album}
  650. <div><span class="name" style="color:{color:Title}">Album:</span> {Album}</div>
  651. {/block:Album}
  652. <div class="name">{PlayCountWithLabel}</div>
  653. </div><!--cote-->
  654. </div><!--audio-->
  655. {block:IfCaption}
  656. {block:IndexPage}
  657. <div id="caption" class="body">{Caption}</div>
  658. {/block:IndexPage}
  659. {/block:IfCaption}
  660. {block:IndexPage}
  661. <div id="textbar">
  662. {block:Date}<span>{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}
  663. <a href="{Permalink}"><span style="color:{color:LinkHover}">{NoteCount} {text:Notes}</span></a>
  664. <a href="{ReblogURL}" target="_blank"><span class="droite">Reblog</span></a>
  665. </div>
  666. {/block:IndexPage}
  667. {/block:Audio}
  668.  
  669. {block:Photoset}
  670. {block:IndexPage}
  671. <div id="hover">
  672. {block:Date}<div class="info" id="ichi">{DayOfMonthWithZero} {ShortMonth} {Year}</div> {/block:Date}
  673. <a href="{Permalink}"><div class="info" id="ni">{NoteCount} {text:Notes}</div></a>
  674. <a href="{ReblogURL}" target="_blank"><div class="info" id="sa">Reblog</div></a>
  675. </div>
  676. {/block:IndexPage}
  677. <div id="media" style="margin-bottom:-3px;">
  678. {block:If250}{Photoset-250}{/block:If250}
  679. {block:If400}{Photoset-400}{/block:If400}
  680. {block:If500}{Photoset-500}{/block:If500}
  681. </div>
  682. {block:IfCaption}
  683. {block:IndexPage}
  684. {block:Caption}<div id="caption" class="body">{Caption}</div>{/block:Caption}
  685. {/block:IndexPage}
  686. {/block:IfCaption}
  687. {/block:Photoset}
  688.  
  689. {block:Video}
  690. {block:IndexPage}
  691. <div id="hover">
  692. {block:Date}<div class="info" id="ichi">{DayOfMonthWithZero} {ShortMonth} {Year}</div> {/block:Date}
  693. <a href="{Permalink}"><div class="info" id="ni">{NoteCount} {text:Notes}</div></a>
  694. <a href="{ReblogURL}" target="_blank"><div class="info" id="sa">Reblog</div></a>
  695. </div>
  696. {/block:IndexPage}
  697.  
  698. <div style="margin-bottom:-3px;">
  699. {block:If250}{Video-250}{/block:If250}
  700. {block:If400}{Video-400}{/block:If400}
  701. {block:If500}{Video-500}{/block:If500}</div>
  702. {block:IfCaption}
  703. {block:IndexPage}
  704. {block:Caption}<div id="caption" class="body">{Caption}</div>{/block:Caption}
  705. {/block:IndexPage}
  706. {/block:IfCaption}
  707. {/block:Video}
  708.  
  709.  
  710. {block:PermalinkPage}
  711. {block:Caption}<div id="caption" class="body">{Caption}</div>{/block:Caption}
  712. {/block:PermalinkPage}
  713. </div>
  714.  
  715. {block:PermalinkPage}
  716. <div id="permabar">
  717. <div>{block:Date}<span class="posted">Posted</span> {TimeAgo}.{/block:Date} {block:NoteCount}{NoteCount} <span class="posted">Notes</span>. {/block:NoteCount}</div>
  718. <div id="origin">{block:RebloggedFrom}<span class="via">Via:</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> || <span class="via">Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} </div>
  719. <div id="origin">{block:HasTags}<span class="tags">Tags:</span>{block:Tags}<a href="{TagURL}"><span class="tags">#</span>{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  720. </div>
  721. {PostNotes}
  722. {/block:PermalinkPage}
  723.  
  724.  
  725. {/block:Posts}
  726. </div><!--posts-->
  727. </body>
  728. </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!