API tools faq
paste
Advertisement
fengtai

plain theme edit

fengtai
Aug 9th, 2013
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3.  
  4. <html lang="en">
  5. <head>
  6.  
  7. <!--
  8. edit by basedgodchen; original at justplaintheme.tumblr.com.
  9. -->
  10.  
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <!-- custom -->
  15. <meta name="text:Disqus shortname" content="" />
  16.  
  17. <meta name="if:Show Timestamp" content="1">
  18. <meta name="if:Show Date" content="1">
  19.  
  20. <meta name="font:Body" content="Arial" />
  21. <meta name="color:Background" content="#FFFFFF"/>
  22. <meta name="color:Text" content="#111111"/>
  23. <meta name="color:Link Text Hover" content="#FFFFFF"/>
  24. <meta name="color:sidebar bg" content="" />
  25.  
  26. <meta name="if:Show post notes" content="1">
  27. <meta name="if:Endless scrolling" content="0">
  28.  
  29. <meta name="image:sidebar" content="" />
  30. <meta name="image:home icon" content="" />
  31. <meta name="image:ask icon" content="" />
  32. <meta name="image:submit icon" content="" />
  33. <meta name="image:link 1 icon" content="" />
  34. <meta name="image:link 2 icon" content="" />
  35. <meta name="image:link 3 icon" content="" />
  36. <meta name="image:link 4 icon" content="" />
  37.  
  38. <meta name="text:link 1 url" content="" />
  39. <meta name="text:link 2 url" content="" />
  40. <meta name="text:link 3 url" content="" />
  41. <meta name="text:link 4 url" content="" />
  42.  
  43. <!-- custom -->
  44. <style type="text/css">
  45.  
  46. body {
  47. margin-top:50px;
  48. margin-bottom:0px;
  49. margin-left:100px;
  50. /* margin:0; */
  51. padding: 10px;
  52. background: {color:Background}; {image:Background}
  53. top left fixed repeat;
  54. font-family: {font:Body};
  55. font-size: 0.75em;
  56. color: {color:Text};
  57. }
  58.  
  59. a {
  60. color: {color:Text};
  61. text-decoration: underline;
  62. }
  63.  
  64. a:hover {
  65. color: {color:Link Text Hover};
  66. background: none;
  67. }
  68.  
  69. a:active,
  70. a:focus {
  71. outline: 0;
  72. }
  73.  
  74. a img { border-width: 0px; border-radius:25px; }
  75.  
  76. .clear {
  77. clear: both;
  78. }
  79.  
  80. #container {
  81.  
  82.  
  83. float: left;
  84. width: 690px;
  85. }
  86.  
  87.  
  88.  
  89. .photoset_div img { width: 100% }
  90.  
  91.  
  92. #left {
  93. margin-top:80px;
  94. margin-left:540px;
  95. border-style:solid;
  96. border-radius:25px;
  97. border-width:1.6px;
  98. position: fixed;
  99. padding: 8px;
  100. float: left;
  101. width: 145px;
  102. background: {color:sidebar bg};
  103. }
  104.  
  105. #left a.h2 {
  106. font-size: 2em;
  107. line-height: 1em;
  108. color: {color:Text};
  109. text-decoration: none;
  110. }
  111.  
  112. #left a.h2:hover {
  113. color: {color:Text};
  114. background: none;
  115. text-decoration: none;
  116. }
  117.  
  118. #left .space {
  119. width: 100%;
  120. height: 20px;
  121. }
  122.  
  123. #left .space.small {
  124. width: 100%;
  125. height: 10px;
  126. }
  127.  
  128. #right {
  129.  
  130.  
  131. width: 500px;
  132. float: left;
  133. }
  134.  
  135. #right .post {
  136.  
  137. border-style:solid;
  138. border-width:1.6px;
  139. border-radius:25px;
  140. padding: 7px;
  141. margin: 0 0 30px 0;
  142. }
  143.  
  144.  
  145. .video embed, .video object, .video iframe {
  146.  
  147. width:250px /**/ !important;
  148.  
  149. height:auto !important; }
  150.  
  151.  
  152. img {
  153. max-width: 100%;
  154. }
  155.  
  156. #right .post h3 {
  157. font-weight: normal;
  158. font-size: 1.5em;
  159. margin: 0;
  160. }
  161.  
  162. #right .post a.h3 {
  163. color: {color:Text};
  164. text-decoration: none;
  165. font-size: 1.5em;
  166. margin: 0;
  167. }
  168.  
  169. #right .post a.h3:hover {
  170. background: none;
  171. }
  172.  
  173. #right .post a.h3.link {
  174. text-decoration: underline;
  175. }
  176.  
  177.  
  178. #right .post a.h3.link:hover {
  179. color: {color:Link Text Hover};
  180. background: {color:Link Background Hover};
  181. }
  182.  
  183. #right .post blockquote {
  184. border-left: 2px solid {color:Text};
  185. padding: 0 0 0 15px;
  186. margin-left: 0px;
  187. }
  188.  
  189. /* this is for chat */
  190. #right .post table {
  191. margin: 10px 0 0 0;
  192. border-collapse: collapse;
  193. }
  194.  
  195. #right .post table tr {
  196. margin: 1px 0;
  197. }
  198.  
  199. #right .post table tr td {
  200. padding: auto;
  201. vertical-align: top;
  202. }
  203.  
  204. #right .post table tr td.name {
  205. text-align: right;
  206. padding: 1px 15px;
  207. }
  208.  
  209. #right .post table tr td.words {
  210. width: 100%;
  211. text-align: left;
  212. padding: 1px;
  213. }
  214. /* that was for chat */
  215.  
  216. ol.notes {
  217. margin: 0 0 50px 0;
  218. padding: 0 0 0 0;
  219. }
  220.  
  221. ol.notes img {
  222. display: none;
  223. }
  224.  
  225. #right #footer {
  226. position: relative;
  227. right: 0px;
  228. text-align: right;
  229.  
  230. }
  231.  
  232. #right #footer .credit {
  233.  
  234. color: #9C9C9C;
  235. margin: 50px 0 0 0;
  236. }
  237.  
  238. #right #footer .credit a {color: #9C9C9C;}
  239. #right #footer .credit a:hover {color: {color:Text}; background: none; }
  240.  
  241.  
  242.  
  243. {CustomCSS}
  244. </style>
  245.  
  246. {block:IfEndlessScrolling}
  247. {block:IndexPage}
  248. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  249. <script type="text/javascript" src="http://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
  250. <script type="text/javascript">
  251. var jQis = jQuery.noConflict();
  252. jQis(function($){
  253. // Infinite Scroll plugin
  254. // copyright: Paul Irish &amp; dirkhaim
  255. // license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/
  256. $('ul.allposts').infinitescroll({
  257. debug : false,
  258. nextSelector : "a.next",
  259. text : "",
  260. donetext : "{lang:No more posts}.",
  261. navSelector : "div#footer",
  262. contentSelector : "div#right",
  263. itemSelector : "div#right > .post"
  264. });
  265. });
  266. </script>
  267. {/block:IndexPage}
  268. {/block:IfEndlessScrolling}
  269.  
  270. <link rel="shortcut icon" href="{Favicon}">
  271. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  272. <meta name="viewport" content="width=820" />
  273. </head>
  274. <body>
  275.  
  276. <div id="container">
  277. <div id="left">
  278.  
  279.  
  280.  
  281. {block:Description}<p><a href="/"><img src="{image:sidebar}"></a></p>{Description}<p><a href="/"><img src="{image:home icon}"></a><a href="/ask"><img src="{image:ask icon}"></a><a href="/submit"><img src="{image:submit icon}"></a><a href="{text:link 1 url}"><img src="{image:link 1 icon}"></a><a href="{text:link 2 url}"><img src="{image:link 2 icon}"></a><a href="{text:link 3 url}"><img src="{image:link 3 icon}"></a><a href="{text:link 4 url}"><img src="{image:link 4 icon}"></a>{/block:Description}
  282.  
  283. <center> <a href="/">{Title}</a><br><br>
  284. <!-- <a href="/"><img src="{PortraitURL-128}" /></a><br>
  285.  
  286.  
  287. -->
  288.  
  289.  
  290. </center>
  291.  
  292. <div class="space small"></div>
  293.  
  294.  
  295.  
  296. </div>
  297.  
  298. <div id="right">
  299.  
  300. {block:Posts}
  301. <div class="post">
  302. {block:Text}
  303. {block:Title}<a href="{Permalink}" class="h3">{Title}</a>{/block:Title}
  304. {Body}
  305. {/block:Text}
  306.  
  307. {block:Link}
  308. <a href="{URL}" class="h3 link">{Name}</a>
  309. <p>{block:Description}{Description}{/block:Description}</p>
  310. {block:Link}
  311.  
  312. {block:Photo}
  313. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  314. <p>{block:Caption}{Caption}{/block:Caption}</p>
  315. {/block:Photo}
  316.  
  317. {block:Quote}
  318. <h3>&#8220;{Quote}&#8221;</h3>
  319. <p>{block:Source}&mdash; {Source}{/block:Source}</p>
  320. {/block:Quote}
  321.  
  322. {block:Chat}
  323. {block:Title}<a href="#" class="h3">{Title}</a>{/block:Title}
  324. <table>
  325. {block:Lines}
  326. <tr>
  327. {block:Label}<td class="name">{Label}</td>{block:Label}
  328. <td class="words">{Line}</td>
  329. </tr>
  330. {/block:Lines}
  331. </table>
  332. {/block:Chat}
  333.  
  334. {block:Audio}
  335. {block:AudioEmbed}
  336. {AudioEmbed-500}
  337. {/block:AudioEmbed}
  338.  
  339. {block:AudioPlayer}
  340. {AudioPlayerBlack}
  341. {/block:AudioPlayer}
  342.  
  343. {block:Caption}{Caption}{/block:Caption}
  344. {/block:Audio}
  345.  
  346. {block:Video}
  347. {Video-500}
  348. {block:Caption}{Caption}{/block:Caption}
  349. {/block:Video}
  350. <p><a href="{Permalink}">{block:Date}{block:IfShowTimestamp}{12Hour}:{Minutes}&nbsp;{AmPm}&nbsp;&nbsp;{/block:IfShowTimestamp}&bull;{block:IfShowDate}&nbsp;&nbsp;{DayOfMonth}&nbsp;{Month}&nbsp;{Year}{/block:IfShowDate}{block:Date}{block:IfShowPostNotes}{block:NoteCount}&nbsp;&nbsp;&bull;&nbsp;&nbsp;{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowPostNotes}{block:Date}{block:IfDisqusShortname}&nbsp;&nbsp;&bull;&nbsp;&nbsp;<a href="{Permalink}#disqus_thread" style="text-transform:lowercase;">{lang:View comments}</a>{/block:IfDisqusShortname}</a>{/block:Date}</p>
  351. </div>
  352.  
  353. {block:IfDisqusShortname}
  354. {block:Permalink}
  355. <div class="notecontainer" style="padding: 0 0 50px 0;">
  356. <div id="disqus_thread"></div>
  357. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  358. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  359. </div>
  360. {/block:Permalink}
  361. {/block:IfDisqusShortname}
  362.  
  363. {block:IfShowPostNotes}{PostNotes}{/block:IfShowPostNotes}
  364. {/block:Posts}
  365. <div id="footer">
  366. {block:Pagination}
  367. {block:PreviousPage}
  368. <a href="{PreviousPage}">{lang:Previous}</a>
  369. {/block:PreviousPage}
  370.  
  371. {block:JumpPagination length="10"}
  372. {block:CurrentPage}
  373. <span class="current_page">{PageNumber}</span>
  374. {/block:CurrentPage}
  375.  
  376. {block:JumpPage}
  377. <a class="jump_page" href="{URL}">{PageNumber}</a>
  378. {/block:JumpPage}
  379. {/block:JumpPagination}
  380.  
  381. {block:NextPage}
  382. <a href="{NextPage}" class="next">{lang:Next}</a>
  383. {/block:NextPage}
  384. {/block:Pagination}
  385. {block:PermalinkPagination}
  386. {block:NextPost}
  387. <a href="{NextPost}">{lang:Back}</a>
  388. {/block:NextPost}
  389. &nbsp; &bull; &nbsp;
  390. {block:PreviousPost}
  391. <a href="{PreviousPost}">{lang:Next}</a>
  392. {/block:PreviousPost}
  393. {/block:PermalinkPagination}
  394.  
  395.  
  396. </div>
  397. </div>
  398. </div>
  399. <div class="clear"></div>
  400. </div>
  401. {block:IfDisqusShortname}
  402. <script type="text/javascript">
  403. //<![CDATA[
  404. (function() {
  405. var links = document.getElementsByTagName('a');
  406. var query = '?';
  407. for(var i = 0; i < links.length; i++) {
  408. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  409. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  410. }
  411. }
  412. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  413. })();
  414. //]]>
  415. </script>
  416. {/block:IfDisqusShortname}
  417. </body>
  418. </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!