API tools faq
paste
Advertisement
fengtai

Pixel Theme #2

fengtai
Sep 11th, 2013
467
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.19 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="color:Background" content="#ddfff4"/>
  21. <meta name="color:Text" content="#111111"/>
  22. <meta name="color:Link Text Hover" content="#FFFFFF"/>
  23. <meta name="color:border" content="#111111"/>
  24. <meta name="color:post bg" content="#fdf1f8"/>
  25. <meta name="color:sidebar bg" content="#fdf1f8"/>
  26. <meta name="color:links" content="#000000"/>
  27.  
  28. <meta name="if:Show post notes" content="1">
  29. <meta name="if:Endless scrolling" content="1">
  30. <meta name="if:post border" content="1">
  31. <meta name="if:profile icon" content="0">
  32. <meta name="if:bg repeat" content="1">
  33.  
  34. <meta name="if:right sidebar" content="0">
  35.  
  36. <meta name="image:permalink icons" content="http://25.media.tumblr.com/tumblr_mcssyamr451r7y61oo1_100.gif" />
  37. <meta name="image:sidebar" content="http://25.media.tumblr.com/9802d5939785e8cbef35704d31dd0ddb/tumblr_mo90j6y3Xa1qaq1xeo1_250.gif" />
  38. <meta name="image:Background" content="http://24.media.tumblr.com/9598ffbd42436e8e16da2cb3eb3ed592/tumblr_msrrbll7tM1qcbvomo1_250.gif" />
  39.  
  40. <meta name="text:link 1 url" content="" />
  41. <meta name="text:link 2 url" content="" />
  42. <meta name="text:link 3 url" content="" />
  43. <meta name="text:link 4 url" content="" />
  44.  
  45. <meta name="text:link 1 title" content="" />
  46. <meta name="text:link 2 title" content="" />
  47. <meta name="text:link 3 title" content="" />
  48. <meta name="text:link 4 title" content="" />
  49.  
  50. <meta name="text:sidebar position" content="230px" />
  51. <meta name="text:sidebar img position" content="-250px" />
  52.  
  53. <!-- custom -->
  54. <style type="text/css">
  55.  
  56. @font-face {
  57.  
  58. font-family: "pixel";
  59.  
  60. src: url('http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf');
  61.  
  62. }
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {
  65. background-color: #fdf1f8;
  66. width:10px;
  67. height:100px;
  68. border: 1px solid {color:border};
  69. -webkit-border-radius: 6px;
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:10px;
  74. width:10px;
  75. background-color: #fdf1f8;
  76. -webkit-border-radius: 3px;
  77. }
  78.  
  79. body {
  80. margin-top:50px;
  81. margin-bottom:0px;
  82. margin-left:100px;
  83. /* margin:0; */
  84. padding: 10px;
  85. background-image:url('{image:Background}');
  86. {block:ifbgrepeat}
  87. background-repeat:repeat;
  88. background-position:50% 50%;
  89. background-attachment:fixed;
  90. {/block:ifbgrepeat}
  91. {block:ifnotbgrepeat}
  92. background-repeat:none;
  93. background-size:cover;
  94. {/block:ifnotbgrepeat}
  95. background-color: {color:Background};
  96. font-family: "pixel";
  97. font-size: 10px;
  98. color: {color:Text};
  99. }
  100.  
  101. a {
  102. color: {color:links};
  103. text-decoration: none;
  104. }
  105.  
  106. a:hover {
  107. color: {color:Link Text Hover};
  108. background: none;
  109. }
  110.  
  111. a:active,
  112. a:focus {
  113. outline: 0;
  114. }
  115.  
  116. a img { border-width: 0px; border-radius:none; }
  117.  
  118. .clear {
  119. clear: both;
  120. }
  121.  
  122. #container {
  123.  
  124. float: left;
  125. width: 690px;
  126. }
  127.  
  128.  
  129.  
  130. .photoset_div img { width: 250px }
  131.  
  132.  
  133. #left {
  134. {block:ifrightsidebar}
  135. margin-top:{text:sidebar position};
  136. margin-left:490px;
  137. border-style:solid;
  138. border-radius:none;
  139. border-width:1.6px;
  140. border-color: {color:border};
  141. background-color: {color:sidebar bg};
  142. position: fixed;
  143. padding: 8px;
  144. float: right;
  145. {/block:ifrightsidebar}
  146. {block:ifnotrightsidebar}
  147. margin-top:{text:sidebar position};
  148. margin-left:-50px;
  149. border-style:solid;
  150. border-radius:none;
  151. border-width:1.6px;
  152. border-color: {color:border};
  153. background-color: {color:sidebar bg};
  154. position: fixed;
  155. padding: 8px;
  156. float: left;
  157. {/block:ifnotrightsidebar}
  158. width: 136px;
  159. font-family: "pixel";
  160. font-size: 10px;
  161. }
  162.  
  163. #left #img{
  164. max-width: 100px;
  165. max-height: 100px;
  166. }
  167.  
  168. #left img {
  169. margin-top: {text:sidebar img position};
  170. max-width: 100%;
  171. }
  172.  
  173.  
  174. #left a.h2 {
  175. font-size: 2em;
  176. line-height: 1em;
  177. color: {color:Text};
  178. text-decoration: none;
  179. }
  180.  
  181. #left a.h2:hover {
  182. color: {color:Text};
  183. background: none;
  184. text-decoration: none;
  185. }
  186.  
  187. #left .space {
  188. width: 100%;
  189. height: 20px;
  190. }
  191.  
  192. #left .space.small {
  193. width: 100%;
  194. height: 10px;
  195. }
  196.  
  197. #right {
  198.  
  199. width: 400px;
  200. {block:ifrightsidebar}
  201. margin-left: -50px;
  202. {/block:ifrightsidebar}
  203. {block:ifnotrightsidebar}
  204. margin-left: 240px;
  205. {/block:ifnotrightsidebar}
  206. }
  207.  
  208. #right .post {
  209.  
  210. {block:ifpostborder}
  211. border-style:solid;
  212. border-width:1px;
  213. border-radius:none;
  214. border-color: {color:border};
  215. {/block:ifpostborder}
  216. padding: 7px;
  217. margin: 0 0 30px 0;
  218. background: {color:post bg}; {image:post bg};
  219. }
  220.  
  221.  
  222. .video embed, .video object, .video iframe {
  223.  
  224. width:250px /**/ !important;
  225.  
  226. height:auto !important; }
  227.  
  228.  
  229. img {
  230. max-width: 100%;
  231. }
  232.  
  233. #right .post h3 {
  234. font-weight: normal;
  235. font-size: 1.5em;
  236. margin: 0;
  237. }
  238.  
  239. #right .post a.h3 {
  240. color: {color:Text};
  241. text-decoration: none;
  242. font-size: 1.5em;
  243. margin: 0;
  244. }
  245.  
  246. #right .post a.h3:hover {
  247. background: none;
  248. }
  249.  
  250. #right .post a.h3.link {
  251. text-decoration: none;
  252. }
  253.  
  254.  
  255. #right .post a.h3.link:hover {
  256. color: {color:Link Text Hover};
  257. background: {color:Link Background Hover};
  258. }
  259.  
  260. #right .post blockquote {
  261. border-left: 2px solid {color:Text};
  262. padding: 0 0 0 15px;
  263. margin-left: 0px;
  264. }
  265.  
  266. /* this is for chat */
  267. #right .post table {
  268. margin: 10px 0 0 0;
  269. border-collapse: collapse;
  270. }
  271.  
  272. #right .post table tr {
  273. margin: 1px 0;
  274. }
  275.  
  276. #right .post table tr td {
  277. padding: auto;
  278. vertical-align: top;
  279. }
  280.  
  281. #right .post table tr td.name {
  282. text-align: right;
  283. padding: 1px 15px;
  284. }
  285.  
  286. #right .post table tr td.words {
  287. width: 100%;
  288. text-align: left;
  289. padding: 1px;
  290. }
  291. /* that was for chat */
  292.  
  293. ol.notes {
  294. margin: 0 0 50px 0;
  295. padding: 0 0 0 0;
  296. }
  297.  
  298. ol.notes img {
  299. display: none;
  300. }
  301.  
  302. #right #footer {
  303. position: absolute;
  304. right: 0px;
  305. text-align: right;
  306.  
  307.  
  308. }
  309.  
  310. #right #footer .credit {
  311.  
  312. color: #9C9C9C;
  313. margin: 50px 0 0 0;
  314. }
  315.  
  316. #right #footer .credit a {color: #9C9C9C;}
  317. #right #footer .credit a:hover {color: {color:Text}; background: none; }
  318.  
  319.  
  320. {CustomCSS}
  321. </style>
  322.  
  323. {block:IfEndlessScrolling}
  324. {block:IndexPage}
  325. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  326. <script type="text/javascript" src="http://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
  327. <script type="text/javascript">
  328. var jQis = jQuery.noConflict();
  329. jQis(function($){
  330. // Infinite Scroll plugin
  331. // copyright: Paul Irish &amp; dirkhaim
  332. // license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/
  333. $('ul.allposts').infinitescroll({
  334. debug : false,
  335. nextSelector : "a.next",
  336. text : "",
  337. donetext : "{lang:No more posts}.",
  338. navSelector : "div#footer",
  339. contentSelector : "div#right",
  340. itemSelector : "div#right > .post"
  341. });
  342. });
  343. </script>
  344. {/block:IndexPage}
  345. {/block:IfEndlessScrolling}
  346.  
  347. <link rel="shortcut icon" href="{Favicon}">
  348. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  349. <meta name="viewport" content="width=820" />
  350. </head>
  351. <body>
  352.  
  353. <div id="container">
  354. <div id="left">
  355.  
  356. <!-- sidebar image won't show unless something's in your description sorry :/// -->
  357.  
  358. {block:Description}<p><center><a href="/"><img src="{image:sidebar}" {block:ifprofileicon}<a href="/"><img src="{PortraitURL-128}"{/block:ifprofileicon} width="126" /></a></center></p><center>{Description}</center>{/block:Description}
  359.  
  360. <p><center><select style="height:20px;
  361. border: 1.6px solid #000;
  362. font-family:pixel;
  363. ms;color:#000;
  364. background-color:{color:Background};
  365. font-size:10px;
  366. width:100px;" onChange="location.href=this.options[this.selectedIndex].value;">
  367. <option>explore</option>
  368. <option value="/">home</option>
  369. <option value="/ask">message</option>
  370. <option value="{text:link 1 url}">{text:link 1 title}</option>
  371. <option value="{text:link 2 url}">{text:link 2 title}</option>
  372. <option value="{text:link 3 url}">{text:link 3 title}</option>
  373. <option value="{text:link 4 url}">{text:link 4 title}</option>
  374. </select>
  375. </form>
  376.  
  377. <!-- <a href="/"><img src="{PortraitURL-128}" /></a><br>
  378.  
  379.  
  380. -->
  381.  
  382.  
  383. </center>
  384.  
  385. <div class="space small"></div>
  386.  
  387.  
  388.  
  389. </div>
  390.  
  391. <div id="right">
  392.  
  393. {block:Posts}
  394. <div class="post">
  395. {block:Text}
  396. {block:Title}<a href="{Permalink}" class="h3">{Title}</a>{/block:Title}
  397. {Body}
  398. {/block:Text}
  399.  
  400. {block:Link}
  401. <a href="{URL}" class="h3 link">{Name}</a>
  402. <p>{block:Description}{Description}{/block:Description}</p>
  403. {block:Link}
  404.  
  405. {block:Photo}
  406. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  407. <p>{block:Caption}{Caption}{/block:Caption}</p>
  408. {/block:Photo}
  409.  
  410. {block:Quote}
  411. <h3>&#8220;{Quote}&#8221;</h3>
  412. <p>{block:Source}&mdash; {Source}{/block:Source}</p>
  413. {/block:Quote}
  414.  
  415. {block:Chat}
  416. {block:Title}<a href="#" class="h3">{Title}</a>{/block:Title}
  417. <table>
  418. {block:Lines}
  419. <tr>
  420. {block:Label}<td class="name">{Label}</td>{block:Label}
  421. <td class="words">{Line}</td>
  422. </tr>
  423. {/block:Lines}
  424. </table>
  425. {/block:Chat}
  426.  
  427. {block:Audio}
  428. {block:AudioEmbed}
  429. {AudioEmbed-500}
  430. {/block:AudioEmbed}
  431.  
  432. {block:AudioPlayer}
  433. {AudioPlayerBlack}
  434. {/block:AudioPlayer}
  435.  
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Audio}
  438.  
  439. {block:Video}
  440. {Video-250}
  441. {block:Caption}{Caption}{/block:Caption}
  442. {/block:Video}
  443. <p><img src="{image:permalink icons}" width="32"/> <a href="{Permalink}" style="text-transform:lowercase;">{block:Date}{block:IfShowTimestamp}{12Hour}:{Minutes}{AmPm} {/block:IfShowTimestamp} {block:IfShowDate}{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}&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog</a>{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} <img src="{image:permalink icons}" width="32"/></p>
  444.  
  445.  
  446. {block:HasTags}{block:Tags}<a href="{TagURL}" style="text-decoration:none;">#{Tag}</a> {/block:Tags}{/block:HasTags} </div>
  447.  
  448. {block:IfDisqusShortname}
  449. {block:Permalink}
  450. <div class="notecontainer" style="padding: 0 0 50px 0;">
  451. <div id="disqus_thread"></div>
  452. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  453. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  454. </div>
  455. {/block:Permalink}
  456. {/block:IfDisqusShortname}
  457.  
  458. {block:IfShowPostNotes}{PostNotes}{/block:IfShowPostNotes}
  459. {/block:Posts}
  460. <div id="footer">
  461. {block:Pagination}
  462. {block:PreviousPage}
  463. <a href="{PreviousPage}">{lang:Previous}</a>
  464. {/block:PreviousPage}
  465.  
  466. {block:JumpPagination length="10"}
  467. {block:CurrentPage}
  468. <span class="current_page">{PageNumber}</span>
  469. {/block:CurrentPage}
  470.  
  471. {block:JumpPage}
  472. <a class="jump_page" href="{URL}">{PageNumber}</a>
  473. {/block:JumpPage}
  474. {/block:JumpPagination}
  475.  
  476. {block:NextPage}
  477. <a href="{NextPage}" class="next">{lang:Next}</a>
  478. {/block:NextPage}
  479. {/block:Pagination}
  480. {block:PermalinkPagination}
  481. {block:NextPost}
  482. <a href="{NextPost}">{lang:Back}</a>
  483. {/block:NextPost}
  484. &nbsp; &bull; &nbsp;
  485. {block:PreviousPost}
  486. <a href="{PreviousPost}">{lang:Next}</a>
  487. {/block:PreviousPost}
  488. {/block:PermalinkPagination}
  489.  
  490.  
  491. </div>
  492. </div>
  493. </div>
  494. <div class="clear"></div>
  495. </div>
  496. {block:IfDisqusShortname}
  497. <script type="text/javascript">
  498. //<![CDATA[
  499. (function() {
  500. var links = document.getElementsByTagName('a');
  501. var query = '?';
  502. for(var i = 0; i < links.length; i++) {
  503. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  504. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  505. }
  506. }
  507. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  508. })();
  509. //]]>
  510. </script>
  511. {/block:IfDisqusShortname}
  512. </body>
  513. </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!