Don't like ads? PRO users don't see any ads ;-)
Public Pastes

The King v.0.3

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