API tools faq
paste
Advertisement
sunkei

The King v.0.3

sunkei
Apr 25th, 2012
29,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. The king 0.3
  4. theme made by gyapo.tumblr.com
  5. don't remove this comment
  6.  
  7. update :
  8. 17/09/2012 : structure des posts + iftag
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25.  
  26.  
  27.  
  28. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/1dmm2lklg/gradient_squares.png"/>
  29. <meta name="image:Header" content="http://static.tumblr.com/s2ymoja/HETm2v3x0/bann.png"/>
  30. <meta name="image:Sidebar pic" content="http://static.tumblr.com/s2ymoja/QjXm2v2fa/keepyourheaddown.gif"/>
  31.  
  32.  
  33.  
  34.  
  35. <meta name="color:Background" content="#fafafa" />
  36. <meta name="color:Button" content="#888" />
  37. <meta name="color:Button Hover" content="#fff" />
  38. <meta name="color:Button BG" content="#000" />
  39. <meta name="color:Button Border" content="#fff" />
  40.  
  41. <meta name="color:Navigation BG" content="#fff" />
  42. <meta name="color:Navigation Border" content="#ddd" />
  43.  
  44. <meta name="color:Side BG" content="#000" />
  45. <meta name="color:Title" content="#fff" />
  46. <meta name="color:Description BG" content="#151515" />
  47. <meta name="color:Description" content="#888" />
  48.  
  49. <meta name="color:EntryBG" content="#fff" />
  50. <meta name="color:Link" content="#6f6f6f" />
  51. <meta name="color:Link hover" content="#c7c7c7" />
  52. <meta name="color:Texts" content="#a5a5a5" />
  53. <meta name="color:Infos" content="#777" />
  54. <meta name="color:InfosBG" content="#000" />
  55.  
  56. <meta name="if:PostSize1" content="0"/>
  57. <meta name="if:PostSize2" content="1"/>
  58. <meta name="if:PostSize3" content="0"/>
  59.  
  60.  
  61. <meta name="if:Header" content="1"/>
  62. <meta name="if:Fixed Infos" content="0"/>
  63. <meta name="if:Music" content="1"/>
  64. <meta name="if:Ad" content="0"/>
  65. <meta name="if:Shadows" content="1"/>
  66. <meta name="if:Reblog" content="1"/>
  67. <meta name="if:Notes" content="1"/>
  68. <meta name="if:Tags" content="1"/>
  69. <meta name="if:Caption" content="0"/>
  70. <meta name="if:EndlessScroll" content="0"/>
  71.  
  72. <meta name="text:Header Height" content="220"/>
  73. <meta name="text:Music" content="your Music player code here"/>
  74. <meta name="text:Ad" content="your Ad code here"/>
  75.  
  76. <meta name="text:Link1 title" content="link 1" />
  77. <meta name="text:Link1" content="" />
  78. <meta name="text:Link2 title" content="link 2" />
  79. <meta name="text:Link2" content="" />
  80. <meta name="text:Link3 title" content="link 3" />
  81. <meta name="text:Link3" content="" />
  82.  
  83.  
  84.  
  85.  
  86. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  87.  
  88. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  89.  
  90. <style type="text/css">
  91.  
  92. 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;}
  93.  
  94. 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;}
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Texts};height:100px;}
  97. ::-webkit-scrollbar {height:0px;width:4px;background-color:{color:EntryBG};}
  98.  
  99. body
  100. {font-family:trebuchet ms;
  101. font-size:10px;
  102. color:{color:Texts};
  103. background-color:{color:Background};
  104. background-image:url('{image:Background}');
  105. background-position: fixed;
  106. background-attachment:fixed;
  107. background-repeat:repeat;}
  108.  
  109. a
  110. {text-decoration:none;
  111. color:{color:Link};
  112. -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;
  113. opacity:1;}
  114.  
  115. a:hover
  116. {text-decoration:none;
  117. color:{color:Link hover};
  118. opacity:1;}
  119.  
  120. blockquote
  121. {border-left:2px solid;
  122. padding-left:5px;}
  123.  
  124.  
  125. {block:IfHeader}
  126. #header
  127. {{block:IfShadows}
  128. box-shadow:0px 0px 5px #ddd;
  129. {/block:IfShadows}
  130. {block:IfPostSize1}width:900px;{/block:IfPostSize1}
  131. {block:IfPostSize2}width:800px;{/block:IfPostSize2}
  132. {block:IfPostSize3}width:650px;{/block:IfPostSize3}
  133. height:{text:Header Height}px;
  134. overflow:hidden;
  135. border-radius:25px;
  136. -moz-border-radius:25px;
  137. margin-bottom:22px;}
  138. {/block:IfHeader}
  139.  
  140. #all
  141. {{block:IfNotHeader}
  142. margin-top:30px;
  143. {block:IfPostSize1}width:900px;{/block:IfPostSize1}
  144. {block:IfPostSize2}width:800px;{/block:IfPostSize2}
  145. {block:IfPostSize3}width:650px;{/block:IfPostSize3}
  146. {/block:IfNotHeader} }
  147.  
  148. #menu
  149. {float:left;
  150. width:100px;
  151. {block:IfNotHeader}
  152. margin-top:90px;
  153. {/block:IfNotHeader}
  154. {block:IfFixedInfos}
  155. position:fixed;
  156. {/block:IfFixedInfos}}
  157.  
  158. .button
  159. {width:100px;
  160. {block:IfShadows}
  161. box-shadow:0px 0px 5px #ddd;
  162. {/block:IfShadows}
  163. margin:0px 0px 5px 0px;
  164. padding:2px 5px 2px 5px;
  165. font-family:consolas;
  166. text-transform:uppercase;
  167. border:2px solid {color:Button Border};
  168. letter-spacing:1px;
  169. background-color:{color:Button BG};
  170. color:{color:Button};
  171. width:90px;
  172. border-radius:5px;
  173. -moz-border-radius:5px;
  174. -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;}
  175.  
  176. .button:hover
  177. {margin-left:25px;
  178. color:{color:Button Hover};
  179. border:2px solid {color:Button BG};}
  180.  
  181. #navigation
  182. {margin-top:25px;}
  183.  
  184. #page
  185. {width:30px;padding-top:15px;height:25px;float:left;text-align:center;margin-left:5px;
  186. background-color:{color:Navigation BG};border:2px solid {color:Navigation Border};}
  187.  
  188. #page:hover
  189. {color:#aaa;border: 2px solid {color:Navigation BG};}
  190.  
  191. .total
  192. {width:44px;
  193. padding-top:17px;
  194. height:25px;
  195. float:left;
  196. text-align:center;
  197. margin-left:5px;
  198. font-family:consolas;
  199. text-transform:uppercase;
  200. letter-spacing:1px;
  201. color:{color:Button};
  202. border-radius:5px;
  203. -moz-border-radius:5px;}
  204.  
  205. #top
  206. {width:90px;padding-top:5px;height:15px;float:left;text-align:center;margin-left:5px;border:2px solid {color:Navigation Border};color:{color:Button};}
  207.  
  208.  
  209. #right
  210. {float:left;
  211. {block:IfNotHeader}
  212. margin-top:90px;
  213. {/block:IfNotHeader}
  214. {block:IfFixedInfos}
  215. position:fixed;
  216. {block:IfPostSize1}margin-left:695px;{/block:IfPostSize1}
  217. {block:IfPostSize2}margin-left:596px;{/block:IfPostSize2}
  218. {block:IfPostSize3}margin-left:445px;{/block:IfPostSize3}
  219. {/block:IfFixedInfos}}
  220.  
  221. .infos
  222. {{block:IfShadows}
  223. box-shadow:0px 0px 5px #ddd;
  224. {/block:IfShadows}
  225. margin-left:10px;
  226. background-color:{color:Side BG};
  227. padding:10px;
  228. width:175px;
  229. border-radius:5px;
  230. margin-bottom:15px;
  231. -moz-border-radius:5px;}
  232.  
  233. #description
  234. {background-color:{color:Description BG};
  235. color:{color:Description};
  236. width:170px;
  237. margin-top:7px;
  238. padding:3px;
  239. font-size:9px;
  240. text-transform:uppercase;
  241. font-family:consolas;
  242. text-align:justify;}
  243.  
  244.  
  245. #title
  246. {width:165px;
  247. border-left:2px solid;
  248. border-right:2px solid;
  249. text-align:center;
  250. color:{color:Title};
  251. margin-top:10px;
  252. padding:3px;
  253. font-size:9px;
  254. letter-spacing:5px;
  255. text-transform:uppercase;
  256. font-family:consolas;}
  257.  
  258.  
  259.  
  260.  
  261.  
  262. #posts
  263. {{block:IfPostSize1}width:550px;{/block:IfPostSize1}
  264. {block:IfPostSize2}width:450px;{/block:IfPostSize2}
  265. {block:IfPostSize3}width:300px;{/block:IfPostSize3}
  266. {block:IfFixedInfos}
  267. margin-left:145px;
  268. {/block:IfFixedInfos}
  269. margin-top:-15px;
  270. {block:IfNotFixedInfos}
  271. margin-left:45px;
  272. {/block:IfNotFixedInfos}
  273. float:left;
  274. height:autolength;
  275. overflow:hidden;
  276. margin-bottom:20px;
  277. overflow:hidden;
  278. font-size:10px;
  279. color:{color:Texts};
  280. }
  281.  
  282. .border
  283. {padding:10px 10px 7px 10px;}
  284.  
  285. .post a
  286. {letter-spacing:1px;
  287. font-weight:800;}
  288.  
  289. .titlepost
  290. {font-size:12px;
  291. padding:2px;
  292. text-align:center;
  293. color:#656565;
  294. border-bottom:1px dotted;}
  295.  
  296. .post
  297. {{block:IfPostSize1}width:520px;{/block:IfPostSize1}
  298. {block:IfPostSize2}width:420px;{/block:IfPostSize2}
  299. {block:IfPostSize3}width:270px;{/block:IfPostSize3}
  300. margin-top:-15px;
  301. {block:IfShadows}
  302. box-shadow:0px 0px 5px #ddd;
  303. {/block:IfShadows}
  304. -moz-border-radius:10px;
  305. border-radius:10px;
  306. overflow:hidden;
  307. margin-top:15px;
  308. font-size:10px;
  309. color:{color:Texts};
  310. overflow:hidden;
  311. background-color:{color:EntryBG};
  312. margin-bottom:20px;}
  313.  
  314. #permabar
  315. {{block:IfPostSize1}width:510px;{/block:IfPostSize1}
  316. {block:IfPostSize2}width:410px;{/block:IfPostSize2}
  317. {block:IfPostSize3}width:260px;{/block:IfPostSize3}
  318. overflow:hidden;
  319. height:autolength;
  320. padding:6px;
  321. font-family:consolas;
  322. font-size:9px;
  323. text-transform : uppercase;
  324. color:{color:Infos};
  325. {block:PermalinkPage}margin-top:8px;
  326. border-top:1px solid;{/block:PermalinkPage}
  327. {block:IndexPage}background-color:{color:InfosBG};{/block:IndexPage}}
  328.  
  329.  
  330.  
  331.  
  332. .post img
  333. {{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  334. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  335. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}}
  336.  
  337. .photo
  338. {margin-bottom:-3px;}
  339.  
  340. .center{text-align:center;}
  341. </style>
  342. <style type="text/css">{CustomCSS}</style>
  343. </head>
  344. <body>
  345.  
  346. {block:IfEndlessScroll}
  347. <a style="position:fixed;bottom:5px;right:5px;font-size:10px;text-transform:uppercase;" href="#top">back to top</a>{/block:IfEndlessScroll}
  348.  
  349.  
  350. <table align="center" id="all" border="0" cellspacing="0" cellpadding="0">
  351. {block:IfHeader}
  352. <tr><td>
  353. <div id="header"><img {block:IfPostSize1}width="900px"{/block:IfPostSize1}
  354. {block:IfPostSize2}width="800px"{/block:IfPostSize2}
  355. {block:IfPostSize3}width="650px"{/block:IfPostSize3} src="{image:Header}"/></div>
  356. </td></tr>
  357. {/block:IfHeader}
  358.  
  359. <tr><td>
  360. <div>
  361.  
  362. <div id="menu">
  363. <a href="/"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m22ynuLQFe1qdrzjs.png"/> home</div></a>
  364. <a href="/ask"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m22yq0riaS1qdrzjs.png"/> message</div></a>
  365. <a href="{text:Link1}"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m2v75gvQD41r5r7s9.png"/> {text:Link1 title}</div></a>
  366. <a href="{text:Link2}"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m2v75gvQD41r5r7s9.png"/> {text:Link2 title}</div></a>
  367. <a href="{text:Link3}"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m2v75gvQD41r5r7s9.png"/> {text:Link3 title}</div></a>
  368. <a href="/archive"><div class="button"><img width="11px" src="http://media.tumblr.com/tumblr_m22yotIK3P1qdrzjs.png"/> archive</div></a>
  369. <a href="http://gyapo.tumblr.com"><div class="button"><img width="10px" src="http://media.tumblr.com/tumblr_m2v7h7Q31m1r5r7s9.png"/> theme</div></a>
  370.  
  371. {block:IfNotEndlessScroll}{block:Pagination}
  372. <div id="navigation">
  373. <div><center>
  374. {block:PreviousPage}<a href="{PreviousPage}"><div class="button" id="page">back</div></a>{/block:PreviousPage}
  375. {block:NextPage}<a href="{NextPage}"><div class="button" id="page">next</div></a>{/block:NextPage}
  376. </center></div>
  377. <div>
  378.  
  379. <div class="total" id="top">{CurrentPage}/{TotalPages}</div>
  380. </div>
  381. {/block:Pagination}{/block:IfNotEndlessScroll}
  382.  
  383. </div>
  384. </div>
  385.  
  386.  
  387.  
  388.  
  389. <div id="posts">
  390. {block:Posts}
  391. <div class="post">
  392. <div class="border">
  393.  
  394.  
  395. {block:Text}
  396. {block:Title}
  397. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  398. {/block:Title}
  399. <div class="texte">{Body}</div>
  400. {/block:Text}
  401.  
  402.  
  403. {block:Photoset}
  404. <div class="photo">
  405. {block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  406. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  407. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}
  408. </div>
  409. {/block:Photoset}
  410.  
  411.  
  412.  
  413. {block:Photo}
  414. <div>{block:IndexPage}<a href="{Permalink}"><img class="photo"
  415. src="{PhotoURL-500}"
  416. {block:IfPostSize1}width="500px"{/block:IfPostSize1}
  417. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  418. {block:IfPostSize3}width="250px"{/block:IfPostSize3}alt="{PhotoAlt}"/></a>{/block:IndexPage}
  419.  
  420. {block:PermalinkPage}{LinkOpenTag}
  421. <img class="photo" src="{PhotoURL-500}"
  422. {block:IfPostSize1}width="500px"{/block:IfPostSize1}
  423. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  424. {block:IfPostSize3}width="250px"{/block:IfPostSize3}
  425. alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  426. </div>
  427. {/block:Photo}
  428.  
  429.  
  430. {block:Quote}
  431. <div> "{Quote}"</div>
  432. {block:Source}
  433. <div>— {Source}</div>
  434. {/block:Source}
  435. {/block:Quote}
  436.  
  437.  
  438.  
  439. {block:Link}
  440. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  441. {block:Description}
  442. <div>{Description}</div>
  443. {/block:Description}
  444. {/block:Link}
  445.  
  446.  
  447.  
  448. {block:Chat}
  449. {block:Title}
  450. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  451. {/block:Title}
  452. {block:Lines}
  453. <div>{block:Label}<a href="{Permalink}">{Label}</a>{/block:Label} {Line} </div>
  454. {/block:Lines}
  455. {/block:Chat}
  456.  
  457.  
  458. {block:Video}
  459. <div class="photo">
  460. {block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  461. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  462. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}
  463. </div>
  464. {/block:Video}
  465.  
  466.  
  467. {block:Audio}
  468. <table cellpadding="0" border="0" cellspacing="0">
  469. <tr><td rowspan="2">
  470. {block:AlbumArt}
  471. <img style="height:100px;width:100px;margin-right:5px;margin-bottom:-3px;" id="art" src="{AlbumArtURL}"/>
  472. {/block:AlbumArt}</td>
  473. <td><div style="margin-top:15px;">
  474. {block:IndexPage}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}{/block:IndexPage} <br>
  475. {PlayCountWithLabel}</div></td></tr><td>
  476. <div style="{block:IndexPage}
  477. {block:IfPostSize1}width:395px;{/block:IfPostSize1}
  478. {block:IfPostSize2}width:295px;{/block:IfPostSize2}
  479. {block:IfPostSize3}width:145px;{/block:IfPostSize3}
  480. {/block:IndexPage}
  481. {block:PermalinkPage}width:395px;{/block:PermalinkPage} background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
  482. </table>
  483. {/block:Audio}
  484.  
  485.  
  486. {block:Answer}
  487. <table cellpadding="0" cellspacing="0" {block:IndexPage}{block:IfPostSize1}width="500px"{/block:IfPostSize1}
  488. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  489. {block:IfPostSize3}width="250px"{/block:IfPostSize3}
  490. {/block:IndexPage}
  491.  
  492. align="left;">
  493. <tr>
  494. <td style="width:40px;">
  495. <a href="{Permalink}" style="border-bottom:1px dotted transparent;"><span><img src="{AskerPortraitURL-48}" style="border-radius:5px;-moz-border-radius:5px;"/></span></a></td>
  496. <td style="width:360px;"><div style="padding-left:5px;padding-right:5px;border-bottom:1px dotted transparent;">
  497. {Asker} asked : <span style="font-size:10px;font-style:italic;color:{color:Link};">{Question}</span></div></td></tr>
  498. <tr><td colspan="2"><div style="border-top:1px dotted {color:AskerBorder};padding-left:5px;padding-right:5px;">{Answer}</div></td></tr></table>
  499. {/block:Answer}
  500.  
  501. {block:IfCaption}{block:IndexPage}{block:Caption}
  502. <div class="texte">{Caption}</div>
  503. {/block:Caption}{/block:IndexPage}{/block:IfCaption}
  504. {block:PermalinkPage}{block:Caption}
  505. <div class="texte">{Caption}</div>
  506. {/block:Caption}{block:PermalinkPage}
  507.  
  508.  
  509. </div> <!--border-->
  510.  
  511. {block:IndexPage}
  512. <div id="permabar"><center>
  513. {block:IfNotes}( {NoteCount} ) {/block:IfNotes}
  514. <a href="{Permalink}" class="per">{TimeAgo}</a>
  515. {block:IfReblog} - <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IfReblog}
  516. {block:IfTags}{block:HasTags}<span id="tags">{block:Tags}
  517. &#160#<a href="{TagURL}" class="per">{Tag}</a>{/block:Tags}</span>{/block:HasTags}{/block:IfTags}
  518. </center></div>
  519. {/block:IndexPage}
  520.  
  521. {block:PermalinkPage}<div id="permabar">
  522. <span class="green">Posted on</span> {block:Date}{DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <span class="green">with</span> {NoteCountWithLabel} <br/>
  523. {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  524. <div>{block:HasTags}<div id="tags"><span class="green">tagged:</span>{block:Tags}
  525. &#160#<a href="{TagURL}" class="per">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  526. {block:PostNotes}{PostNotes} {/block:PostNotes}</div>
  527. </div>{/block:PermalinkPage}
  528.  
  529. </div><!--post-->
  530. {/block:Posts}
  531. </div>
  532.  
  533. <div id="right">
  534. <div class="infos">
  535. <div><img width="175px" src="{image:Sidebar pic}"/></div>
  536. <div id="title">{Title}</div>
  537. <div id="description">{Description}</div>
  538. </div>
  539.  
  540. {block:IfMusic}
  541. <div class="infos"><center>
  542. {text:Music}
  543. </center></div>
  544. {/block:IfMusic}
  545.  
  546.  
  547. {block:IfAd}
  548. <div class="infos"><center>
  549. {text:Ad}
  550. </center></div>
  551. {/block:IfAd}
  552.  
  553.  
  554.  
  555. </div>
  556.  
  557. </div>
  558. </td>
  559. </tr>
  560. </table>
  561.  
  562.  
  563.  
  564.  
  565.  
  566. </body>
  567. </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!