API tools faq
paste
Advertisement
sunkei

ak4

sunkei
Aug 2nd, 2012
15,576
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ak4
  3. theme made by gyapo.tumblr.com
  4.  
  5. inspiration : perdoniamo by atonals
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  9. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Description" content="#ffffff" />
  26. <meta name="color:DescriptionBG" content="#000000" />
  27. <meta name="color:Menu" content="#000000" />
  28. <meta name="color:MenuBG" content="#ffffff" />
  29.  
  30. <meta name="color:Texts" content="#777777" />
  31. <meta name="color:Links" content="#aaaaaa" />
  32. <meta name="color:BlockquoteBG" content="#ffffff" />
  33. <meta name="color:BlockquoteBorder" content="#cccccc" />
  34. <meta name="color:EntryBG" content="#eeeeee" />
  35. <meta name="color:Title" content="#444444" />
  36. <meta name="color:TitleBorder" content="#c5c5c5" />
  37. <meta name="color:TitleBG" content="#e5e5e5" />
  38.  
  39. <meta name="color:AlbumBorder" content="#ffffff" />
  40.  
  41. <meta name="color:Infos" content="#ffffff" />
  42. <meta name="color:InfosBG" content="#000000" />
  43. <meta name="color:CaptionShadow" content="#aaaaaa" />
  44.  
  45. <meta name="image:Background" content=""/>
  46. <meta name="image:DescriptionBG" content="http://static.tumblr.com/onhp7lq/bglm798cs/pattern3.gif"/>
  47.  
  48. <meta name="text:LinkTitle" content="link" />
  49. <meta name="text:LinkURL" content="" />
  50.  
  51. <meta name="if:OneColumn" content="0"/>
  52. <meta name="if:TwoColumns" content="0"/>
  53. <meta name="if:ThreeColumns" content="1"/>
  54.  
  55. <meta name="if:250" content="1"/>
  56. <meta name="if:400" content="0"/>
  57. <meta name="if:500" content="0"/>
  58.  
  59. <meta name="if:ShowCaption" content="1"/>
  60.  
  61.  
  62.  
  63. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  64.  
  65. <style type="text/css">
  66. body
  67. {font-family:Times new roman;
  68. font-size:10px;
  69. color:{color:Texts};
  70. background-color:{color:Background};
  71. background-image:url('{image:Background}');
  72. background-position: fixed;
  73. background-attachment:fixed;
  74. background-repeat:repeat;}
  75.  
  76. a
  77. {text-decoration:none;
  78. color:{color:Links};}
  79.  
  80. blockquote
  81. {border-left:2px solid {color:BlockquoteBorder};
  82. background-color:{color:BlockquoteBG};
  83. text-align:justify;
  84. padding:2px;}
  85.  
  86. #menu
  87. {}
  88.  
  89. #left
  90. {{block:If250}
  91. width:250px;
  92. {/block:If250}
  93. {block:If400}
  94. width:400px;
  95. {/block:If400}
  96. {block:If500}
  97. width:500px;
  98. {/block:If500}
  99. margin-right:25px;
  100. margin-bottom:25px;
  101. color:{color:Description};
  102. background-color:{color:DescriptionBG};
  103. background-image:url('{image:DescriptionBG}');}
  104.  
  105. #cinq
  106. {text-decoration:none;color:{color:Description};
  107. background-color:{color:DescriptionBG};
  108. background-image:url('{image:DescriptionBG}');}
  109.  
  110. #cinq:hover
  111. {text-decoration:line-through;}
  112.  
  113. #about
  114. {font-size:9px;
  115. letter-spacing:1px;
  116. font-family:lucida console;
  117. padding:10px;
  118. margin-bottom:5px;
  119. text-align:justify;}
  120.  
  121. .baton
  122. {padding:2px 8px 2px 8px;
  123. text-transform:uppercase;
  124. font-size:8px;
  125. background-color:{color:MenuBG};
  126. color:{color:Menu};
  127. font-family:consolas;
  128. text-decoration:line-through;
  129. letter-spacing:2px;float:left;}
  130.  
  131. .baton:hover
  132. {text-decoration:none;
  133. color:{color:Description};
  134. background-color:{color:DescriptionBG};
  135. background-image:url('{image:DescriptionBG}');}
  136.  
  137.  
  138.  
  139. #posts
  140. {{block:IfOneColumn}
  141. {block:If250}
  142. width:275px;
  143. {/block:If250}
  144. {block:If400}
  145. width:425px;
  146. {/block:If400}
  147. {block:If500}
  148. width:525px;
  149. {/block:If500}
  150. {/block:IfOneColumn}
  151. {block:IfTwoColumns}
  152. {block:If250}
  153. width:550px;
  154. {/block:If250}
  155. {block:If400}
  156. width:850px;
  157. {/block:If400}
  158. {block:If500}
  159. width:1050px;
  160. {/block:If500}
  161. {/block:IfTwoColumns}
  162. {block:IfThreeColumns}
  163. width:825px;
  164. {/block:IfThreeColumns}
  165. margin-top:32px;}
  166.  
  167. .post
  168. {{block:If250}
  169. width:250px;
  170. {/block:If250}
  171. {block:If400}
  172. width:400px;
  173. {/block:If400}
  174. {block:If500}
  175. width:500px;
  176. {/block:If500}
  177. text-align:justify;
  178. background-color:{color:EntryBG};
  179. margin-right:25px;
  180. font-family:trebuchet ms;
  181. margin-bottom:25px;}
  182.  
  183.  
  184. .post img
  185. {{block:If250}
  186. max-width:250px;
  187. {/block:If250}
  188. {block:If400}
  189. max-width:400px;
  190. {/block:If400}
  191. {block:If500}
  192. max-width:500px;
  193. {/block:If500}}
  194.  
  195. .post a
  196. {letter-spacing:1px;}
  197.  
  198. #titre
  199. {border-bottom:1px solid {color:TitleBorder};
  200. background-color:{color:TitleBG};
  201. color:{color:Title};
  202. padding-left:2px;
  203. text-align:center;
  204. letter-spacing:2px;}
  205.  
  206. #body
  207. {padding:2px;}
  208.  
  209. #hover
  210. {background-color:{color:InfosBG};
  211. color:{color:Infos};
  212. position:absolute;
  213. {block:If250}
  214. margin-left:250px;
  215. {/block:If250}
  216. {block:If400}
  217. margin-left:400px;
  218. {/block:If400}
  219. {block:If500}
  220. margin-left:500px;
  221. {/block:If500}
  222. padding:5px;
  223. opacity:0;
  224. overflow:hidden;
  225. z-index:999;
  226. -webkit-transition: opacity 0.6s linear;
  227. -webkit-transition: all 0.6s ease-in-out;
  228. -moz-transition: all 0.6s ease-in-out;
  229. -o-transition: all 0.6s ease-in-out;
  230. }
  231.  
  232.  
  233.  
  234.  
  235. .post:hover #hover
  236. {opacity:1;}
  237.  
  238. #notes
  239. {opacity:0.5;
  240. letter-spacing:1px;
  241. z-index:999;}
  242.  
  243. #reblog
  244. {text-transform:uppercase;
  245. color:{color:Infos};
  246. font-size:9px;
  247. letter-spacing:2px;}
  248.  
  249. #caption
  250. {position:absolute;
  251. z-index:999;
  252. box-shadow:1px 1px 2px {color:CaptionShadow};
  253. {block:If250}
  254. margin-left:250px;
  255. {/block:If250}
  256. {block:If400}
  257. margin-left:400px;
  258. {/block:If400}
  259. {block:If500}
  260. margin-left:500px;
  261. {/block:If500}
  262. margin-top:0px;
  263. width:125px;
  264. padding:5px;
  265. background-color:{color:EntryBG};
  266. opacity:0;
  267. -webkit-transition: opacity 0.6s linear;
  268. -webkit-transition: all 0.6s ease-in-out;
  269. -moz-transition: all 0.6s ease-in-out;
  270. -o-transition: all 0.6s ease-in-out;}
  271.  
  272. .post:hover #caption
  273. {margin-top:40px;
  274. opacity:1;}
  275.  
  276. .name
  277. {text-transform:uppercase;
  278. font-size:8px;letter-spacing:1px;color:{color:Title};}
  279.  
  280. #question
  281. {border-bottom:1px solid {color:TitleBorder};
  282. padding:0px 2px 0px 2px;
  283. background-color:{color:TitleBG};}
  284.  
  285. #answer
  286. {padding:0px 2px 0px 2px;}
  287.  
  288. #album
  289. {border:5px solid {color:AlbumBorder};
  290. width:100px;
  291. height:100px;
  292. margin:10px;
  293. float:left;}
  294.  
  295. #infos
  296. {float:left;
  297. margin-top:10px;
  298. background-color:{color:AlbumBorder};padding:5px;
  299. {block:If250}
  300. width:100px;
  301. {/block:If250}
  302. {block:If400}
  303. width:250px;
  304. {/block:If400}
  305. {block:If500}
  306. width:350px;
  307. {/block:If500}}
  308.  
  309. #player
  310. {float:left;
  311. {block:If250}
  312. width:100px;
  313. {/block:If250}
  314. {block:If400}
  315. width:250px;
  316. {/block:If400}
  317. {block:If500}
  318. width:350px;
  319. {/block:If500}
  320. padding:5px;
  321. height:20px;
  322. background-color:#fff;
  323. overflow:hidden;
  324. margin-top:10px;}
  325.  
  326. #source
  327. {text-align:right;
  328. padding:0px 5px 0px 5px;}
  329.  
  330. #quote
  331. {border-bottom:1px solid {color:TitleBorder};
  332. padding:2px 5px 2px 5px;
  333. background-color:{color:TitleBG};}
  334.  
  335. .post img
  336. {margin-bottom:-3px;}
  337.  
  338.  
  339. .pagination {
  340. display:none;
  341. }
  342.  
  343. </style>
  344.  
  345. {block:IndexPage}
  346. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  347.  
  348. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  349. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  350. <script>
  351. $(window).load(function () {
  352. $('#posts').masonry(),
  353. $('.masonryWrap').infinitescroll({
  354. navSelector : "div.pagination",
  355. nextSelector : ".pagination a#next",
  356. itemSelector : ".post",
  357. bufferPx : 10000,
  358. extraScrollPx: 10000,
  359. loadingImg : "",
  360. loadingText : "<em></em>",
  361. },
  362. // call masonry as a callback.
  363. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  364. );
  365. });
  366. </script>{/block:IndexPage}
  367.  
  368. </head>
  369. <body>
  370.  
  371. <table align="center" border="0" cellspacing="0" cellpadding="0" id="table">
  372. <tr></td>
  373. <center>
  374. <div id="posts">
  375.  
  376. <div id="left" class="left">
  377. <div id="about">{Description}</div>
  378. <div id="menu">
  379. <a href="/"><div class="baton" id="un">home</div></a>
  380. <a href="{text:LinkURL}"><div class="baton" id="trois">{text:LinkTitle}</div></a>
  381. <a href="/ask"><div class="baton" id="quatre">ask</div></a>
  382. <a href="/archive"><div class="baton" id="quatre">past</div></a>
  383. <a title="ak4 theme" href="http://gyapo.tumblr.com"><div class="baton" id="cinq">theme</div></a>
  384. </div><!--menu-->
  385. </div><!--left-->
  386.  
  387. {block:Posts}
  388.  
  389. <div class="post">
  390. <div id="hover">
  391. <a href="{ReblogURL}" target="_blank"><div id="reblog">reblog</div></a>
  392. <a href="{Permalink}"><div id="notes">{NoteCount}.</div></a>
  393. </div><!--hover-->
  394.  
  395. {block:Quote}
  396. <div id="quote">
  397. <i>"{Quote}"</i>
  398. </div>
  399. <div id="source" class="name">- {Source}</div>
  400. {/block:Quote}
  401.  
  402. {block:Photo}
  403. {block:IndexPage}
  404. {block:IfShowCaption}
  405. <div id="caption">{Caption}</div>
  406. {/block:IfShowCaption}
  407. <a href="{Permalink}"><div><img style="margin-bottom:-3px;"
  408. {block:If250}
  409. width="250px"
  410. {/block:If250}
  411. {block:If400}
  412. width="400px"
  413. {/block:If400}
  414. {block:If500}
  415. width="500px"
  416. {/block:If500}src="{PhotoURL-500}"/></div></a>
  417. {/block:IndexPage}
  418. {block:PermalinkPage}
  419. {LinkOpenTag}<div><img style="margin-bottom:-3px;"
  420. {block:If250}
  421. width="250px"
  422. {/block:If250}
  423. {block:If400}
  424. width="400px"
  425. {/block:If400}
  426. {block:If500}
  427. width="500px"
  428. {/block:If500}src="{PhotoURL-500}"/></div>{LinkCloseTag}
  429. {/block:PermalinkPage}
  430. {/block:Photo}
  431.  
  432. {block:Text}
  433. {block:Title}<div id="titre">{Title}</div> {/block:Title}
  434. <div id="body">{Body}</div>
  435. {/block:Text}
  436.  
  437. {block:Link}
  438. <a href="{URL}" {Target}><div id="titre">{Name}</div></a>
  439. <div id="body">{block:Description} {Description}{/block:Description}</div>
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. {block:Title}<div id="titre">{Title}</div> {/block:Title}
  444. <div id="body">
  445. {block:Lines} <div>- {block:Label}<span class="name">{Label}</span> : {/block:Label}{Line}</div>{/block:Lines}
  446. </div>
  447. {/block:Chat}
  448.  
  449. {block:Answer}
  450. <div id="question"><span class="name">{Asker} :</span>
  451. <i> {Question}</i></div>
  452. <div id="answer">{Answer}</div>
  453. {/block:Answer}
  454.  
  455. {block:Audio}
  456. {block:IfShowCaption}
  457. {block:IndexPage}
  458. <div id="caption">{Caption}</div>
  459. {/block:IndexPage}
  460. {/block:IfShowCaption}
  461. <div id="album">{block:AlbumArt}<img width="100px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  462. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  463. <div id="infos">
  464. <div class="name">{block:TrackName}
  465. {TrackName}
  466. {/block:TrackName}</div>
  467. {block:Artist}
  468. <div id="artist">by {Artist}</div>
  469. {/block:Artist}
  470.  
  471. <div style="padding-top:2px;">{PlayCountWithLabel}</div>
  472. </div>
  473. {/block:Audio}
  474.  
  475. {block:Photoset}
  476. {block:IfShowCaption}
  477. {block:IndexPage}
  478. <div id="caption">{Caption}</div>
  479. {/block:IndexPage}
  480. {/block:IfShowCaption}
  481. <div>
  482. {block:If250}
  483. {Photoset-250}
  484. {/block:If250}
  485. {block:If400}
  486. {Photoset-400}
  487. {/block:If400}
  488. {block:If500}
  489. {Photoset-500}
  490. {/block:If500}
  491. </div>
  492. {/block:Photoset}
  493.  
  494. {block:Video}
  495. {block:IfShowCaption}
  496. {block:IndexPage}
  497. <div id="caption">{Caption}</div>
  498. {/block:IndexPage}
  499. {/block:IfShowCaption}
  500. <div>
  501. {block:If250}
  502. {Video-250}
  503. {/block:If250}
  504. {block:If400}
  505. {Video-400}
  506. {/block:If400}
  507. {block:If500}
  508. {Video-500}
  509. {/block:If500}
  510. </div>
  511. {/block:Video}
  512.  
  513.  
  514. </div>
  515.  
  516. {block:PermalinkPage}
  517. <div style="text-align:justify;margin-left:-20px;font-family:trebuchet ms;font-size:9px;padding:10px;{block:If250}
  518. width:300px;
  519. {/block:If250}
  520. {block:If400}
  521. width:450px;
  522. {/block:If400}
  523. {block:If500}
  524. width:550px;
  525. {/block:If500}">{Caption}</div>
  526. <div style="text-align:justify;margin-left:-20px;font-size:8px;font-family:lucida console;border-top:1px solid;padding:10px;{block:If250}
  527. width:300px;
  528. {/block:If250}
  529. {block:If400}
  530. width:450px;
  531. {/block:If400}
  532. {block:If500}
  533. width:550px;
  534. {/block:If500}">
  535. <div>{block:Date}{TimeAgo}{/block:Date} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  536. {block:PostNotes}{PostNotes} {/block:PostNotes}
  537. </div>
  538. {/block:PermalinkPage}
  539. {/block:Posts}
  540.  
  541. </div>
  542.  
  543.  
  544.  
  545. <div class="pagination">
  546. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  547. </div>
  548.  
  549.  
  550. </div><!--posts-->
  551. </center>
  552. </tr></td>
  553. </table>
  554. </body>
  555. </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!