Advertisement
sunkei

Six theme codes

Jan 10th, 2012
2,476
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.32 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--theme by gyapo.tumblr.com don't remove this comment please
  3. -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  16. <meta name="color:Link" content="#646464" />
  17. <meta name="color:Link hover" content="#868686" />
  18.  
  19. <meta name="color:Band" content="#646464" />
  20. <meta name="image:Band" content="http://static.tumblr.com/..."/>
  21.  
  22. <meta name="color:Side BG" content="#222222" />
  23. <meta name="image:Side BG" content="http://static.tumblr.com/..."/>
  24. <meta name="color:Border" content="#ffffff" />
  25. <meta name="color:Description" content="#000000" />
  26. <meta name="image:Description BG" content="http://static.tumblr.com/..."/>
  27. <meta name="color:Link" content="#646464" />
  28. <meta name="color:Link hover" content="#868686" />
  29. <meta name="color:Title" content="#646464" />
  30.  
  31. <meta name="color:Navigation" content="#000000" />
  32. <meta name="color:Navigation1 BG" content="#eeeeee" />
  33. <meta name="color:Navigation2 BG" content="#dddddd" />
  34. <meta name="color:Navigation3 BG" content="#cccccc" />
  35. <meta name="color:Navigation4 BG" content="#bbbbbb" />
  36.  
  37. <meta name="text:Link 1 title" content="link 1" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 title" content="link 2" />
  40. <meta name="text:Link 2" content="" />
  41.  
  42. <meta name="color:Entry Text" content="#333333" />
  43. <meta name="color:Entry BG" content="#ffffff" />
  44. <meta name="color:Infos" content="#000000" />
  45. <meta name="color:Notes" content="#ffffff" />
  46. <meta name="color:Reblog" content="#ffffff" />
  47.  
  48. <meta name="if:Title" content="1"/>
  49. <meta name="if:Caption" content="0"/>
  50. <meta name="if:Tags" content="1"/>
  51.  
  52. <meta name="if:EndlessScroll" content="0"/>
  53.  
  54. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  55.  
  56. {block:IfEndlessScroll}
  57. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  58. {/block:IfEndlessScroll}
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. 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;}
  64.  
  65. 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;}
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Entry text};height:25px;}
  68. ::-webkit-scrollbar {height:0px;width:8px;background-color:{color:Background};}
  69.  
  70.  
  71. body
  72. {font-family:arial;
  73. font-size:10px;
  74. color:{color:Texts};
  75. background-color:{color:Background};
  76. background-image:url('{image:Background}');
  77. background-position: fixed;
  78. background-attachment:fixed;
  79. background-repeat:repeat;}
  80.  
  81. blockquote
  82. {border-left:2px solid;
  83. padding-left:5px;}
  84.  
  85. a
  86. {text-decoration:none;
  87. color:{color:Link};
  88. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  89. opacity:1;}
  90.  
  91. a:hover
  92. {text-decoration:none;
  93. color:{color:Link hover};
  94. opacity:1;}
  95.  
  96.  
  97.  
  98.  
  99. #band
  100. {position:fixed;
  101. float:left;
  102. top:0px;
  103. left:150px;
  104. height:500px;
  105. width:50px;
  106. background-color:{color:Band};
  107. background-image:url('{image:Band}');
  108. background-position: 150px 0px;
  109. background-attachment:fixed;
  110. background-repeat:repeat;}
  111.  
  112. #side
  113. {position:fixed;
  114. float:left;
  115. top:0px;
  116. left:200px;
  117. height:500px;
  118. width:150px;
  119. background-color:{color:Side BG};
  120. background-image:url('{image:Side BG}');
  121. background-position: 150px 0px;
  122. background-attachment:fixed;
  123. background-repeat:repeat;}
  124.  
  125. #navigation
  126. {position:fixed;
  127. top:500px;
  128. left:150px;
  129. height:50px;
  130. width:200px;}
  131.  
  132. #navigation1
  133. {background-color:{color:Navigation1 BG};}
  134.  
  135. #navigation2
  136. {background-color:{color:Navigation2 BG};}
  137.  
  138. #navigation3
  139. {background-color:{color:Navigation3 BG};}
  140.  
  141. #navigation4
  142. {background-color:{color:Navigation4 BG};}
  143.  
  144. .nav
  145. {float:left;
  146. height:32px;
  147. width:50px;
  148. padding-top:18px;
  149. text-align:center;
  150. color:{color:Navigation};
  151. font-family:consolas;
  152. font-style:italic;
  153. letter-spacing:1px;
  154. font-size:10px;}
  155.  
  156. .nav:hover
  157. {float:left;
  158. margin-top:4px;
  159. margin-left:4px;
  160. margin-right:4px;
  161. height:25px;
  162. width:42px;}
  163.  
  164. #sidepic
  165. {width:64px;
  166. height:auto;
  167. position:fixed;
  168. top:40px;
  169. left:235px;
  170. padding:3px;
  171. border: 5px solid {color:Border};}
  172.  
  173. #title
  174. {text-align:center;
  175. width:auto;
  176. text-transform:uppercase;
  177. font-family:century gothic;
  178. margin-top:130px;
  179. font-size:14px;
  180. letter-spacing:1px;
  181. color:{color:Title};}
  182.  
  183. #description
  184. {position:fixed;
  185. bottom:155px;
  186. margin-left:15px;
  187. color:{color:Description};
  188. font-family:consolas;
  189. font-size:10px;
  190. width:116px;
  191. padding:2px;
  192. height:auto;
  193. overflow:hidden;
  194. background-image:url('{image:Description BG}');}
  195.  
  196.  
  197.  
  198.  
  199.  
  200. #posts
  201. {margin-left:440px;
  202. float:left;
  203. margin-bottom:10px;}
  204.  
  205. .post
  206. {width:400px;
  207. padding-top:5px;
  208. padding-bottom:5px;
  209. padding-left:5px;
  210. padding-right:5px;
  211. font-family:georgia;
  212. overflow:hidden;
  213. font-size:10px;
  214. margin-top:10px;
  215. background-color:{color:Entry BG};
  216. color:{color:Entry Text};}
  217.  
  218. #permabar
  219. {width:400px;
  220. overflow:hidden;
  221. height:autolength;
  222. padding: 5px;
  223. font-family:helvetica;
  224. font-size:10px;
  225. color:{color:Infos};
  226. background-color:{color:Entry BG};
  227. }
  228.  
  229. .perm
  230. {font-family:consolas;
  231. font-size:10px;
  232. height:auto;
  233. }
  234.  
  235. .permalink
  236. {position:absolute;
  237. text-align:center;
  238. margin-left:410px;
  239. margin-top:8px;
  240. width:12px;
  241. height:12px;
  242. overflow:hidden;
  243. color:{color:Navigation2 BG};
  244. background-color:{color:Navigation2 BG};
  245. -moz-border-radius: 6px 6px 6px 6px;
  246. border-radius:6px 6px 6px 6px;
  247. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.5s ease-in-out;
  248. opacity:0.4;}
  249.  
  250. .permalink:hover
  251. {width:50px;
  252. color:{color:Notes};
  253. opacity:1;}
  254.  
  255.  
  256. .reb
  257. {position:absolute;
  258. letter-spacing:2px;
  259. text-align:center;
  260. margin-left:410px;
  261. margin-top:30px;
  262. width:12px;
  263. height:12px;
  264. overflow:hidden;
  265. color:{color:Navigation3 BG};
  266. background-color:{color:Navigation3 BG};
  267. -moz-border-radius: 6px 6px 6px 6px;
  268. border-radius:6px 6px 6px 6px;
  269. -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;
  270. opacity:0.4;}
  271.  
  272. .reb:hover
  273. {width:75px;
  274. color:{color:Reblog};
  275. opacity:1;}
  276.  
  277.  
  278. #pagination
  279. {position:fixed;
  280. width:200px;
  281. text-align:center;
  282. color:{color:Description};
  283. bottom:50px;
  284. font-size:10px;
  285. font-family:georgia;
  286. letter-spacing:2px;}
  287.  
  288. .page
  289. {padding:10px;}
  290. </style>
  291. </head>
  292. </body>
  293.  
  294.  
  295. {block:IfEndlessScroll}<div id="top"></div>
  296. <a style="position:fixed;bottom:10px;right:10px;font-size:10px;font-family:arial" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  297.  
  298. <div>
  299. <div id="band"/></div>
  300. <a href="/"><div id="side"><img src="{PortraitURL-64}" id="sidepic"/></a>
  301. {block:IfTitle}<div id="title">{Title}</div>{/block:IfTitle}{block:IfNotTitle}{/block:IfNotTitle}
  302. <div id="description">{description}</div>
  303. </div>
  304.  
  305. <div id="navigation">
  306. <a href="/ask"><div class="nav" id="navigation1">ask</div></a>
  307. <a href="{text:Link 1}"><div class="nav" id="navigation2">{text:Link 1 title}</div></a>
  308. <a href="{text:Link 2}"><div class="nav" id="navigation3">{text:Link 2 title}</div></a>
  309. <a href="http://gyapo.tumblr.com"><div class="nav" id="navigation4">theme</div></a>
  310.  
  311. {block:IfNotEndlessScroll}{block:Pagination}<table id="pagination" border="0" cellspacing="0" cellpadding="0">
  312. <tr>{block:PreviousPage}<td class="page"><a href="{PreviousPage}">back</a><td>{/block:PreviousPage}
  313. <td style="font-size:15px;">{CurrentPage}/{TotalPages}<td>
  314. {block:NextPage}<td class="page"><a href="{NextPage}">next</a></td>{block:NextPage}</tr>
  315. </table>{/block:Pagination}{block:IfNotEndlessScroll}
  316. </div>
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. <div id="posts">
  325. <table border="0" width:"600px" cellspacing="0" cellpadding="0">
  326. <tr><td>{block:Posts}
  327.  
  328.  
  329. {block:Text}<div class="post"><span class="perm">
  330. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  331. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  332. {block:Title}<a href="{Permalink}"><div>{Title}</div></a> {/block:Title}
  333. <div class="texte">{Body}</div></div>{/block:Text}
  334.  
  335.  
  336. {block:Photoset}<div class="post"><span class="perm">
  337. <span class="perm">
  338. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  339. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  340. <div class="center"><a href="{Permalink}">{Photoset-400}</a></div>
  341.  
  342. {block:IfCaption}{block:Caption}
  343. <div class="texte">{Caption}</div>{/block:Caption}{/block:IfCaption} {block:IfNotCaption}{block:PermalinkPage}{block:Caption}<div class="texte">{Caption}</div>{/block:Caption}{block:PermalinkPage}{/block:IfNotCaption} </div>{/block:Photoset}
  344.  
  345.  
  346. {block:Photo}<div class="post">
  347. <span class="perm">
  348. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  349. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  350.  
  351. <a href="{Permalink}"><img class="center" src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  352. {block:IfCaption}{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}{/block:IfCaption}
  353. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  354. <div>{Caption}</div>
  355. {/block:Caption}{block:PermalinkPage}{/block:IfNotCaption}
  356.  
  357. </div>
  358. {/block:Photo}
  359.  
  360.  
  361. {block:Quote}<div class="post"><span class="perm">
  362. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  363. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  364. <div> "{Quote}"</div>
  365. {block:Source}
  366. <div> {Source}</div>
  367. {/block:Source}
  368. </div>
  369. </div>{/block:Quote}
  370.  
  371. {block:Link}
  372. <div class="post"><span class="perm">
  373. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  374. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  375. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  376. {block:Description}
  377. <div>{Description}</div>
  378. {/block:Description}
  379. </div>
  380. {/block:Link}
  381.  
  382. {block:Chat}
  383. <div class="post"><span class="perm">
  384. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  385. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  386. {block:Title}
  387. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  388. {/block:Title}
  389. <div>
  390. {block:Lines}
  391. <div class="{Alt} user_{UserNumber}">
  392. {block:Label}
  393. <a href="{Permalink}"><div>- {Label}</a> {Line} </div>{/block:Label}
  394.  
  395. </div>
  396. {/block:Lines}
  397. </div>
  398. </div>
  399. {/block:Chat}
  400.  
  401. {block:Video}
  402. <div class="post"><span class="perm">
  403. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  404. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  405. <div align="center">{Video-400}</div>
  406. {block:IfCaption}{block:Caption}
  407. <div>{Caption}</div>{/block:Caption} {/block:IfCaption}
  408. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  409. <div>{Caption}</div>
  410. {/block:Caption}{block:PermalinkPage}{/block:IfNotCaption}
  411. </div>
  412. {/block:Video}
  413.  
  414. {block:Audio}
  415. <div class="post"><span class="perm">
  416. <a href="{Permalink}"><span class="permalink">{NoteCount}</span> </a>
  417. <a href="{ReblogURL}" target="_blank"><span class="reb">Reblog</span></a></span>
  418. {AudioPlayerBlack}
  419. {block:IfCaption}{block:Caption}
  420. <div>{Caption}</div> {/block:Caption} {/block:IfCaption}
  421. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  422. <div>{Caption}</div>
  423. {/block:Caption}{block:PermalinkPage}{/block:IfNotCaption}
  424. </div>
  425.  
  426. {/block:Audio}
  427.  
  428.  
  429. {block:PermalinkPage}<div id="permabar">
  430. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> // {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  431. <div>{block:HasTags}{block:IfTags}<div id="tags">tagged :{block:Tags}
  432. &#160#<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div> {/block:IfTags}{block:IfNotTags}{block:PermalinkPage} <div id="tags">tagged :{block:Tags}
  433. &#160#<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div>{/block:PermalinkPage} {/block:IfNotTags}{/block:HasTags}{PostNotes}</div></div>{/block:PermalinkPage}
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449. {/block:Posts}
  450. </td></tr>
  451. <table>
  452. </div>
  453. </body>
  454. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement