API tools faq
paste
Advertisement
pictochat

theme 4 : olives

pictochat
Jul 28th, 2014
648
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. olives theme by sinnohs @ tumblr
  3.  
  4. if you find something wrong in the code, let me know!
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="color:Background" content="#fff" />
  20. <meta name="color:Sidebar" content="#333" />
  21. <meta name="color:Text" content="#bbb" />
  22. <meta name="color:Sidebar Text" content="#000" />
  23. <meta name="color:Sidebar Text BG" content="#333" />
  24. <meta name="color:Link" content="#ccc" />
  25.  
  26. <meta name="text:Link1 URL" content=""/>
  27. <meta name="text:Link1 Name" content=""/>
  28. <meta name="text:Link2 URL" content=""/>
  29. <meta name="text:Link2 Name" content=""/>
  30. <meta name="text:Link3 URL" content=""/>
  31. <meta name="text:Link3 Name" content=""/>
  32.  
  33. <meta name="if:CoverSidebarBackground" content="1">
  34. <meta name="if:Link1" content="0">
  35. <meta name="if:Link2" content="0">
  36. <meta name="if:Link3" content="0">
  37.  
  38. <style type="text/css">
  39.  
  40. /* BODY */
  41. body {
  42. background:{color:Background};
  43. font:9px helvetica;
  44. color:{color:Text};
  45. word-wrap:break-word;
  46. margin:0;
  47. border:0;
  48. padding:0;
  49. }
  50.  
  51. /* IFRAME */
  52. iframe#tumblr_controls {
  53. top:0px;
  54. right:0px;
  55. position:fixed;
  56. z-index:99999999;
  57. opacity:0.3;
  58. -webkit-filter:invert(100%);
  59. }
  60.  
  61. /* SCROLLBAR */
  62. ::-webkit-scrollbar {
  63. width:4px;
  64. height:auto;
  65. background-color:{color:Background};
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. background-color:{color:Link};
  70. width:4px;
  71. }
  72.  
  73. /* LINKS */
  74. a {
  75. color:{color:Link};
  76. text-decoration:none;
  77. }
  78.  
  79. a:hover {
  80. text-decoration:underline;
  81. }
  82.  
  83. /* IMG, BLOCKQUOTE, OL/UL, PRE */
  84. img {
  85. max-width:100%;
  86. }
  87.  
  88. ol,ul {
  89. list-style-type:square;
  90. margin-left:-25px;
  91. }
  92.  
  93. blockquote {
  94. border:1px solid #f0f0f0;
  95. background:rgba(250,250,250,0.05);
  96. margin-left:auto;
  97. margin-right:auto;
  98. padding:5px 15px;
  99. }
  100.  
  101. pre {
  102. background-color:#fafafa;
  103. font-family:courier new;
  104. width:95%;
  105. padding:3px;
  106. }
  107.  
  108. /* SIDEBAR */
  109. #backbar {
  110. background:{color:Sidebar} url('{image:Sidebar}') top left fixed repeat;
  111. {block:ifCoverSidebarBackground}
  112. background-size: cover;
  113. {/block:ifCoverSidebarBackground}
  114. width:180px;
  115. height:100%;
  116. position:fixed;
  117. left:0px;
  118. top:0px;
  119. z-index:-99999;
  120. }
  121.  
  122. #sidecontent {
  123. width:180px;
  124. height:100%;
  125. position:fixed;
  126. left:0px;
  127. top:0px;
  128. z-index:99999;
  129. color:#fff;
  130. font:helvetica;
  131. }
  132.  
  133. .sidebartitle {
  134. font:13px courier new;
  135. color:{color:Sidebar Text};
  136. background-color:{color:Sidebar Text BG};
  137. padding:4px;
  138. display:inline-block;
  139. max-width:100%;
  140. margin:75px 5px 0px 5px;
  141. }
  142.  
  143. .sidebartitle a {
  144. color:{color:Sidebar Text};
  145. }
  146.  
  147. .description {
  148. font:10px courier new;
  149. color:{color:Sidebar Text};
  150. background-color:{color:Sidebar Text BG};
  151. padding:5px;
  152. display:inline-block;
  153. top:120px;
  154. margin:5px 5px 0px 5px;
  155. }
  156.  
  157. .linkbar {
  158. margin:3px 0px 0px 5px;
  159. width:160px;
  160. }
  161.  
  162. .link {
  163. font:10px courier new;
  164. color:{color:Sidebar Text};
  165. background-color:{color:Sidebar Text BG};
  166. padding:3px;
  167. margin:2px 0px;
  168. display:inline-block;
  169. }
  170.  
  171. .link a {
  172. color:{color:Sidebar Text};
  173. }
  174.  
  175. /* POSTS */
  176. .post {
  177. margin-left:200px;
  178. margin-top:5px;
  179. margin-bottom:10px;
  180. padding:5px;
  181. width:400px;
  182. }
  183.  
  184. .title {
  185. margin-bottom:2px;
  186. text-align:left;
  187. font-family:courier new;
  188. padding-bottom:2px;
  189. font-size:11px;
  190. }
  191.  
  192. /* PERMALINK (INDEX PAGE) */
  193. .indexperma {
  194. position:absolute;
  195. max-width:100%;
  196. margin-left:420px;
  197. margin-top:4px;
  198. line-height:12px;
  199. font:10px courier new;
  200. text-transform:lowercase;
  201. border-left:1px solid #f0f0f0;
  202. padding-left:4px;
  203. }
  204.  
  205. /* PAGINATION */
  206.  
  207. /* AUDIO */
  208. #player {
  209. width:25px;
  210. height:26px;
  211. overflow:hidden;
  212. z-index:6;
  213. border:8px solid #000;
  214. }
  215.  
  216. /* PERMALINK (PERMALINK PAGE) */
  217. .perma {
  218. margin-top:5px;
  219. text-align:left;
  220. font:9px courier new;
  221. text-transform:none;
  222. margin-bottom:5px;
  223. }
  224.  
  225. /* POST NOTES */
  226. .notes {
  227. width:400px;
  228. font:9px helvetica;
  229. text-transform:none;
  230. text-align:left;
  231. margin-left:-5px;
  232. }
  233.  
  234. .notes img {
  235. display:none;
  236. }
  237.  
  238. .notes ol {
  239. list-style-type:none;
  240. margin-left:-29px;
  241. }
  242.  
  243. .note img.avatar {
  244. display:none;
  245. }
  246. </style>
  247. </head>
  248. <body>
  249.  
  250. <div id="backbar"></div>
  251.  
  252. <div id="sidecontent">
  253. <div class="sidebartitle"><a href="/">{Title}</a></div>
  254. <div class="description">{Description}</div>
  255. <div class="linkbar">
  256. <div class="link"><a href="/ask">message</a></div>
  257. <div class="link"><a href="/archive">archive</a></div>
  258. {block:ifLink1}
  259. <div class="link"><a href="{text:Link1 URL}">{text:Link1 Name}</a></div>
  260. {/block:ifLink1}
  261. {block:ifLink2}
  262. <div class="link"><a href="{text:Link2 URL}">{text:Link2 Name}</a></div>
  263. {/block:ifLink2}
  264. {block:ifLink3}
  265. <div class="link"><a href="{text:Link3 URL}">{text:Link3 Name}</a></div>
  266. {/block:ifLink3}
  267. <div class="link"><a href="http://sinnohs.tumblr.com" target="_blank">theme</a></div>
  268. {block:Pagination}
  269. </br><div style="padding-top:2px">{block:PreviousPage}<div class="link"><a href="{PreviousPage}">previous</a></div> {/block:PreviousPage}{block:NextPage}<div class="link"><a href="{NextPage}">next</a></div>{/block:NextPage}</div>
  270. {/block:Pagination}
  271. </div>
  272. </div>
  273. <!-- sidebar -->
  274.  
  275. {block:Posts}
  276.  
  277. <div class="post">
  278.  
  279. {block:IndexPage}
  280. <div class="indexperma"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a></br>
  281. {NoteCountWithLabel}</div>
  282. {/block:IndexPage}
  283.  
  284. {block:Photo}
  285. <img src="{PhotoURL-400}">
  286. {block:Caption}{Caption}{/block:Caption}
  287. {/block:Photo}
  288.  
  289. {block:Video}
  290. {VideoEmbed-400}
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Video}
  293.  
  294. {block:Photoset}
  295. {Photoset-400}
  296. {block:Caption}
  297. {Caption}
  298. {/block:Caption}
  299. {/block:Photoset}
  300.  
  301. {block:Quote}
  302. <div class="title">{Quote}</div>
  303. {block:Source}
  304. <div style="margin-top:5px;">— {Source}</div>
  305. {/block:Source}
  306. {/block:Quote}
  307.  
  308. {block:Text}
  309. {block:Title}<div class="title">{Title}</div>{/block:Title}
  310. {Body}
  311. {/block:Text}
  312.  
  313. {block:Link}
  314. <a href="{URL}" target="blank" class="title">{Name}</a>
  315. {block:Description}{Description}{/block:Description}
  316. {/block:Link}
  317.  
  318. {block:Chat}
  319. {block:Title}<div class="title">{Title}</div>{/block:Title}
  320. {block:Lines}
  321. {block:Label}
  322. <b>{Label}</b>
  323. {/block:Label}
  324. {Line}</br>
  325. {/block:Lines}
  326. {/block:Chat}
  327.  
  328. {block:Answer}
  329. <div class="title" style="border-bottom:1px solid #f0f0f0; padding-bottom:3px;">{Asker}: {Question}</div>
  330. {Answer}
  331. {/block:Answer}
  332.  
  333. {block:Audio}
  334. <table border="0" cellpadding="5" cellspacing="0" ><tr>
  335. <td valign="top">
  336. <div id="player">{AudioPlayerBlack}</div>
  337. </td>
  338. <td valign="top">
  339. {FormattedPlayCountWithLabel}
  340. {block:TrackName}</br>{TrackName}{/block:TrackName}
  341. {block:Artist}</br>{Artist}{/block:Artist}
  342. {block:Album}</br>{Album}{/block:Album}
  343. </tr></table>
  344. {block:Caption}{Caption}{/block:Caption}
  345. {/block:Audio}
  346.  
  347. {block:PermalinkPage}
  348. {block:Date}<div class="perma">{Month} {DayOfMonth}, {Year} ({TimeAgo}){block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  349. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a> - <a href="{ReblogRootURL}">origin</a>{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource} {/block:RebloggedFrom}
  350.  
  351. {block:HasTags}<div style="text-transform:none;">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  352. </div>{/block:Date}
  353.  
  354. {block:PostNotes}
  355. <div class="notes">{PostNotes}</div>
  356. {/block:PostNotes}
  357. {/block:PermalinkPage}
  358. </div>
  359. {/block:Posts}
  360. <!-- posts -->
  361. </body>
  362. </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!