API tools faq
paste
Advertisement
pictochat

theme 3 : cream

pictochat
Jun 23rd, 2014
462
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. cream theme by lauren (sinnohs) @ tumblr
  3.  
  4. shoot me an ask if somethings wrong
  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. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="color:Background" content="#fff" />
  21. <meta name="color:Posts" content="#fff" />
  22. <meta name="color:Text" content="#bbb" />
  23. <meta name="color:Link" content="#ffa4a4" />
  24. <meta name="color:LinkHover" content="#dcaaaa" />
  25. <meta name="color:Border" content="#f0f0f0" />
  26. <meta name="color:Scrollbar" content="#e0e0e0" />
  27.  
  28. <meta name="if:WhiteIframe" content="1" />
  29. <meta name="if:Link1" content="1" />
  30. <meta name="if:Link2" content="1" />
  31. <meta name="if:Link3" content="1" />
  32.  
  33. <meta name="text:Link1Name" content="link 1" />
  34. <meta name="text:Link1URL" content="/" />
  35. <meta name="text:Link2Name" content="link 2" />
  36. <meta name="text:Link2URL" content="/" />
  37. <meta name="text:Link3Name" content="link 3" />
  38. <meta name="text:Link3URL" content="/" />
  39.  
  40. <style type="text/css">
  41.  
  42. /* BODY */
  43. body {
  44. background:{color:Background};
  45. font:9px helvetica;
  46. line-height:9px;
  47. color:{color:Text};
  48. word-wrap:break-word;
  49. text-align:left;
  50. margin:0;
  51. border:0;
  52. padding:0;
  53. }
  54.  
  55. /* IFRAME */
  56. iframe#tumblr_controls {
  57. top:0px;
  58. right:0px;
  59. position:fixed;
  60. z-index:99999999;
  61. {block:IfWhiteIframe}
  62. -webkit-filter:invert(100%);
  63. {/block:IfWhiteIframe}
  64. {block:IfNotWhiteIframe}
  65. -webkit-filter:invert(0%);
  66. {/block:IfNotWhiteIframe}
  67. }
  68.  
  69. /* SCROLLBAR */
  70. ::-webkit-scrollbar {
  71. width:4px;
  72. height:auto;
  73. background-color:{color:Background};
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. background-color:{color:Scrollbar};
  78. }
  79.  
  80. /* LINKS */
  81. a {
  82. color:{color:Link};
  83. text-decoration:none;
  84. }
  85.  
  86. a:hover {
  87. color:{color:LinkHover};
  88. }
  89.  
  90. /* IMG, BLOCKQUOTE, OL/UL, PRE */
  91. img {
  92. max-width:100%;
  93. display:block;
  94. }
  95.  
  96. ol, ul {
  97. list-style-type:square;
  98. margin-left:-29px;
  99. }
  100.  
  101. blockquote {
  102. border:1px solid #f0f0f0;
  103. background:rgba(240,240,240,0.05);
  104. margin-left:auto;
  105. margin-right:auto;
  106. padding:2px 10px;
  107. }
  108.  
  109. pre {
  110. background-color:#fafafa;
  111. font-family:courier new;
  112. width:95%;
  113. padding:3px;
  114. }
  115.  
  116. /* POSTS */
  117. .post {
  118. background:{color:Posts};
  119. margin-top:5px;
  120. margin-bottom:5px;
  121. padding:10px;
  122. width:250px;
  123. margin-left:190px;
  124. }
  125.  
  126. .title {
  127. text-align:left;
  128. font-family:'Inconsolata', sans-serif;
  129. padding-bottom:2px;
  130. font-size:12px;
  131. line-height:14px;
  132. }
  133.  
  134. /* PERMALINK (INDEX PAGE) */
  135. .indexpermalink {
  136. width:100%;
  137. text-align:left;
  138. font:9px;
  139. padding:5px 0px 0px 0px;
  140. }
  141.  
  142. /* AUDIO */
  143. #player {
  144. width:26px;
  145. height:26px;
  146. overflow:hidden;
  147. z-index:6;
  148. border:7px solid #000;
  149. }
  150.  
  151. /* PERMALINK (PERMALINK PAGE) */
  152. .permalink {
  153. padding-top:5px;
  154. margin-top:5px;
  155. text-align:left;
  156. font:10px inconsolata;
  157. text-transform:none;
  158. margin-bottom:5px;
  159. border-top:1px solid {color:Border};
  160. }
  161.  
  162. /* POST NOTES */
  163. .notes {
  164. width:250px;
  165. font:9px helvetica;
  166. text-transform:none;
  167. text-align:left;
  168. margin-left:-5px;
  169. }
  170.  
  171. .notes img {
  172. display:none;
  173. }
  174.  
  175. .notes ol {
  176. list-style-type:none;
  177. margin-left:-29px;
  178. }
  179.  
  180. /*SIDEBAR*/
  181.  
  182. #sidebar {
  183. width:190px;
  184. padding:0px 5px 0px 5px;
  185. margin-top:100px;
  186. position:fixed;
  187. margin-right:0px;
  188. background-color:{color:Posts};
  189. }
  190.  
  191. .sidebartitle {
  192. font-family:inconsolata;
  193. font-size:12px;
  194. letter-spacing:1px;
  195. font-weight:bold;
  196. margin-bottom:5px;
  197. max-width:150px;
  198. line-height:105%;
  199. }
  200.  
  201. .links a {
  202. display:inline-block;
  203. padding:5px;
  204. z-index:1000;
  205. color:transparent;
  206. font:8px 'Inconsolata', sans-serif;
  207. border:1px solid {color:Link};
  208. }
  209.  
  210. .links a:hover {
  211. background-color:{color:Link};
  212. }
  213.  
  214. .desc {
  215. padding:5px;
  216. width:145px;
  217. font:9px inconsolata;
  218. color:{Color:Text};
  219. text-align:center;
  220. margin-bottom:5px;
  221. }
  222.  
  223. </style>
  224. </head>
  225. <body>
  226.  
  227. <div id="sidebar">
  228. <center>
  229. <div class="sidebartitle">{Title}</div>
  230. <div class="desc">{Description}</div>
  231. <div class="links">
  232. <a href="/" title="index"></a>
  233. <a href="/ask" title="message"></a>
  234. <a href="/archive" title="past"></a>
  235. {block:IfLink1}<a href="{text:Link1URL}" title="{text:Link1Title}"></a>{/block:IfLink1}
  236. {block:IfLink2}<a href="{text:Link2URL}" title="{text:Link2Title}"></a>{/block:IfLink2}
  237. {block:IfLink3}<a href="{text:Link3URL}" title="{text:Link3Title}"></a>{/block:IfLink3}
  238. </center>
  239. <center>{block:Pagination}<div style="padding:7px 0px 0px 0px; font-size:8px;letter-spacing:1px;">{block:PreviousPage}<a href="{PreviousPage}">prev</a> &#8211; {/block:PreviousPage}{CurrentPage} / {TotalPages}{block:NextPage} &#8211; <a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}</center>
  240. </div>
  241. </div>
  242. <!-- sidebar -->
  243.  
  244. {block:Posts}
  245. <div class="post">
  246.  
  247. {block:Photo}
  248. {block:IndexPage}{LinkOpenTag}<a href="{PermalinkURL}"><img title="{TimeAgo}" src="{PhotoUrl-250}"></a>{LinkCloseTag}{/block:IndexPage}
  249. {block:PermalinkPage}
  250. {LinkOpenTag}<img src="{PhotoUrl-250}">{LinkCloseTag}
  251. {block:HighRes}<div style="font-size:8px;line-height:8px;font-family:'Inconsolata', sans-serif"></br>(<a href="{PhotoURL-HighRes}">High Res &rarr;</a>)</div>{/block:HighRes}
  252. {/block:PermalinkPage}
  253. {block:Caption}{Caption}{/block:Caption}
  254. {/block:Photo}
  255.  
  256. {block:Video}
  257. {VideoEmbed-250}
  258. {block:Caption}{Caption}{/block:Caption}
  259. {block:IndexPage}
  260. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  261. {/block:IndexPage}
  262. {/block:Video}
  263.  
  264. {block:Photoset}
  265. {Photoset-250}
  266. {block:Caption}{Caption}{/block:Caption}
  267. {block:IndexPage}
  268. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  269. {/block:IndexPage}
  270. {/block:Photoset}
  271.  
  272. {block:Quote}
  273. <div class="title">{Quote}</div>
  274. {block:Source}
  275. <div style="margin-top:5px;">— {Source}</div>
  276. {/block:Source}
  277. {block:IndexPage}
  278. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  279. {/block:IndexPage}
  280. {/block:Quote}
  281.  
  282. {block:Text}
  283. {block:Title}<div class="title">{Title}</div>{/block:Title}
  284. {Body}
  285. {block:IndexPage}
  286. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  287. {/block:IndexPage}
  288. {/block:Text}
  289.  
  290. {block:Link}
  291. <a href="{URL}" target="blank" class="title">{Name}</a>
  292. {block:Description}{Description}{/block:Description}
  293. {block:IndexPage}
  294. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  295. {/block:IndexPage}
  296. {/block:Link}
  297.  
  298. {block:Chat}
  299. {block:Title}<div class="title">{Title}</div> {/block:Title}
  300. {block:Lines}
  301. {block:Label}
  302. <b>{Label}</b>
  303. {/block:Label}
  304. {Line}</br>
  305. {/block:Lines}
  306. {block:IndexPage}
  307. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  308. {/block:IndexPage}
  309. {/block:Chat}
  310.  
  311. {block:Answer}
  312. <table style="padding-bottom:1px;margin-bottom:1px;font-family:Inconsolata">
  313. <tr>
  314. <td style="vertical-align:top;padding:0px 5px 0px 2px;width:36px;"><img style="padding:2px;border:1px solid #f0f0f0;width:30px!important;height:30px;" src="{AskerPortraitURL-128}"></td>
  315. <td style="vertical-align:top;">{Asker}: {Question}</td>
  316. </tr>
  317. </table>
  318. {Answer}
  319. {block:IndexPage}
  320. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  321. {/block:IndexPage}
  322. {/block:Answer}
  323.  
  324. {block:Audio}
  325. <table border="0" cellpadding="5" cellspacing="0" style="font-family:Inconsolata"><tr>
  326. <td valign="top">
  327. <div id="player">{AudioPlayerBlack}</div>
  328. </td>
  329. <td valign="top">
  330. {FormattedPlayCountWithLabel}
  331. {block:TrackName}</br>{TrackName}{/block:TrackName}
  332. {block:Artist}</br>{Artist}{/block:Artist}
  333. </tr></table>
  334. {block:Caption}{Caption}{/block:Caption}
  335. {block:IndexPage}
  336. <div class="indexpermalink"><div class="permalinklink"><a title="{NoteCountWithLabel}" href="{Permalink}">{TimeAgo}</a></div></div>
  337. {/block:IndexPage}
  338. {/block:Audio}
  339.  
  340. {block:PermalinkPage}
  341. {block:Date}<div class="permalink">{DayOfMonthWithZero} {ShortMonth} {ShortYear} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  342. {block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> - <a href="{ReblogRootURL}">org</a>{block:ContentSource} (<a href="{SourceURL}">src</a>){/block:ContentSource} {/block:RebloggedFrom}
  343. {block:HasTags}<div style="text-transform:none;">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  344. </div>{/block:Date}
  345.  
  346. {block:PostNotes}
  347. <div class="notes">{PostNotes}</div>
  348. {/block:PostNotes}
  349. {/block:PermalinkPage}
  350. </div>
  351. {/block:Posts}
  352. <!-- posts -->
  353.  
  354. <div style="position:fixed;bottom:0px;left:0px;padding:5px;font-size:9px"><a href="http://sinnohs.tumblr.com" target="_blank">cred</a></div>
  355. </body>
  356. </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!