Advertisement
Guest User

cute star theme

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