Advertisement
feiinho

Button Theme 1.5.0 - simurai.com

Nov 14th, 2016
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. {block:English}<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">{/block:English}
  3.  
  4. <!--
  5.  
  6. Button Theme 1.5.0 - A tumblr theme by simurai.com
  7.  
  8. -->
  9.  
  10. <head>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:Title" content="#bbdcf0" />
  14. <meta name="color:Background" content="#e35085" />
  15. <meta name="color:Border" content="#ae3c6d" />
  16. <meta name="color:Link" content="#c70054" />
  17.  
  18. <meta name="font:Title" content="'Lobster'"/>
  19. <meta name="font:PostTitle" content="'Lobster'"/>
  20.  
  21. <meta name="if:Archive Link" content="1" />
  22. <meta name="if:Random Link" content="1" />
  23. <meta name="if:Search Box" content="1" />
  24. <meta name="if:Show Following" content="1" />
  25. <meta name="if:Add Twitter Box" content="0" />
  26. <meta name="if:Install Streampad" content="0" />
  27.  
  28. <meta name="text:Following Title" content="My Button Collection"/>
  29. <meta name="text:Label" content="Button Theme"/>
  30. <meta name="text:Avatar Link" content="/" />
  31. <meta name="text:Bottom Buttons Link" content="/random" />
  32. <meta name="text:Disqus Shortname" content="" />
  33.  
  34.  
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39.  
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.  
  43. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/2xhkg2s/Hcfl1k0hl/reset-min.css" />
  44. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/2xhkg2s/S4rlg4huh/style.css" />
  45. <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/2xhkg2s/oSRl5o71c/style_ie.css" /><![endif]-->
  46.  
  47. <style type="text/css">
  48. #header #title { color: {color:Title}; font-family: {font:Title}; }
  49. .post h2, .post h3 { font-family: {font:PostTitle}; }
  50. #button70 { background-color: {color:Title}; }
  51. .post, #button100 { background-color: {color:Background}; }
  52. .border, #button60 { background-color: {color:Border}; }
  53. a { color: {color:Link}; }
  54. </style>
  55. <style type="text/css">{CustomCSS}</style>
  56.  
  57. </head>
  58.  
  59. <body>
  60.  
  61.  
  62. <!-- header -->
  63. <div id="header">
  64. <a id="title" href="/"><h1>{Title}</h1></a>
  65. <div id="nav">
  66. {block:PermalinkPagination}{block:NextPost}<a href="{NextPost}">&larr;</a>{/block:NextPost}{/block:PermalinkPagination}
  67.  
  68. {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  69. {block:IfArchiveLink} <a href="/archive">{lang:Archive}</a>{/block:IfArchiveLink}
  70. {block:IfRandomLink} <a href="/random">{lang:Random}</a>{/block:IfRandomLink}
  71. {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  72. {block:AskEnabled} <a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  73.  
  74. {block:PermalinkPagination}{block:PreviousPost}<a href="{PreviousPost}">&rarr;</a>{/block:PreviousPost}{/block:PermalinkPagination}
  75.  
  76. {block:IfSearchBox}<form action="/search" method="get">
  77. <input type="text" name="q" value="{SearchQuery}" class="search-field" />
  78. <input type="submit" value="{lang:Search}" class="search-submit" />
  79. </form>{/block:IfSearchBox}
  80.  
  81. </div>
  82. </div><!--/header-->
  83.  
  84.  
  85. <!-- avatar -->
  86. <div id="avatar">
  87. {block:IfAvatarLink}<a id="avatar-click" href="{text:Avatar Link}"></a>{/block:IfAvatarLink}
  88. <div id="avatar-button"></div>
  89. <div id="avatar-img" style="background-image:url({PortraitURL-128});"></div>
  90. </div>
  91. <div id="ghosts">
  92. <img id="avatar-ghost-header" src="{PortraitURL-128}" alt="Ghost" />
  93. {block:PermalinkPage}<img id="avatar-ghost" src="{PortraitURL-128}" alt="Ghost" />{/block:PermalinkPage}
  94. </div><!--/avatar-->
  95.  
  96.  
  97. <div id="wrapper">
  98.  
  99. <!-- side -->
  100. <div id="side">
  101.  
  102. <div id="description" class="side-box">{Description}</div>
  103.  
  104. {block:IfAddTwitterBox}{block:Twitter}<div id="twitter">
  105. <script src="http://widgets.twimg.com/j/2/widget.js"></script>
  106. <script>
  107. new TWTR.Widget({
  108. version: 2,type: 'profile',rpp: 3,interval: 2000,width: 'auto',height: 300,
  109. theme: {
  110. shell: {background: 'rgba(0,0,0,0.2)',color: '{color:Title}'},
  111. tweets: {background: '{color:Background}',color: '#000000',links: '{color:Link}'}
  112. },
  113. features: {scrollbar: false,loop: false,live: false,hashtags: true,timestamp: true,avatars: false,behavior: 'all'}
  114. }).render().setUser('{TwitterUsername}').start();
  115. </script>
  116. </div>{/block:Twitter}{/block:IfAddTwitterBox}
  117.  
  118. {block:IfShowFollowing}{block:Following}<div id="following">
  119. <h2>{text:Following Title}</h2>
  120. {block:Followed}<a href="{FollowedURL}" title="{FollowedName}" class="button48" style="background-image:url({FollowedPortraitURL-48});"><img src="http://static.tumblr.com/2xhkg2s/eqbl5kgsm/button48.png" /></a>{/block:Followed}
  121. </div>{/block:Following}{/block:IfShowFollowing}
  122.  
  123.  
  124. </div><!--/side-->
  125.  
  126.  
  127. <!-- posts -->
  128.  
  129. <div id="post-wrapper">
  130.  
  131. {block:Posts}
  132. <div class="post {block:RebloggedFrom}with-avatar{/block:RebloggedFrom}{block:Answer}with-avatar{/block:Answer}">
  133.  
  134. {block:RebloggedFrom}<div class="avatar48"><a href="{ReblogParentURL}" title="From {ReblogParentName}" class="button48" style="background-image:url({ReblogParentPortraitURL-48});"><img src="http://static.tumblr.com/2xhkg2s/eqbl5kgsm/button48.png" alt="" /></a></div>{/block:RebloggedFrom}
  135. {block:Answer}<div class="avatar48"><span class="button48" style="background-image:url({AskerPortraitURL-48});"><img src="http://static.tumblr.com/2xhkg2s/eqbl5kgsm/button48.png" alt="" /></span></div>{/block:Answer}
  136.  
  137.  
  138. {block:Text} <div class="main main-box copy text">
  139. {block:Title}<h3>{Title}</h3>{/block:Title}
  140. {Body}
  141. </div>
  142. <div class="sub">{/block:Text}
  143.  
  144.  
  145. {block:Photo} <div class="main photo">
  146. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  147. </div>
  148. <div class="sub">
  149. {block:Caption}<div class="sub-box copy">{Caption}</div>{/block:Caption}
  150. {/block:Photo}
  151.  
  152.  
  153. {block:Photoset} <div class="main photoset">
  154. <div class="media">{Photoset-500}</div>
  155. </div>
  156. <div class="sub">
  157. {block:Caption}<div class="sub-box copy">{Caption}</div>{/block:Caption}
  158. {/block:Photoset}
  159.  
  160.  
  161. {block:Link} <div class="main link">
  162. <a href="{URL}" {Target}><h2>{Name} &rarr;</h2></a>
  163. </div>
  164. <div class="sub">
  165. {block:Description}<div class="sub-box copy">{Description}</div>{/block:Description}
  166. {/block:Link}
  167.  
  168.  
  169. {block:Quote} <div class="main quote">
  170. <div class="box"><h2>{Quote}</h2></div>
  171. </div>
  172. <div class="sub">
  173. {block:Source}<div class="sub-box copy">{Source}</div>{/block:Source}
  174. {/block:Quote}
  175.  
  176.  
  177. {block:Chat} <div class="main chat">
  178. {block:Title}<h3>{Title}</h3>{/block:Title}
  179. <ul class="main-box">
  180. {block:Lines}
  181. <li class="{Alt} user_{UserNumber}">
  182. {block:Label}
  183. <span class="label">{Label}</span>
  184. {/block:Label}
  185. {Line}
  186. </li>
  187. {/block:Lines}
  188. </ul>
  189. </div>
  190. <div class="sub">{/block:Chat}
  191.  
  192.  
  193. {block:Video} <div class="main video">
  194. <div class="media">{Video-500}</div>
  195. </div>
  196. <div class="sub">
  197. {block:Caption}<div class="sub-box copy">{Caption}</div>{/block:Caption}
  198. {/block:Video}
  199.  
  200.  
  201. {block:Audio} <div class="main audio">
  202. <div class="player">
  203. {block:AlbumArt}<img src="{AlbumArtURL}" alt="{TrackName}" />{/block:AlbumArt}
  204. {AudioPlayerWhite}
  205. </div>
  206. <div class="info">
  207. {block:TrackName}<h2>{TrackName}</h2>{/block:TrackName}
  208. {block:Artist}<p class="artist">{Artist}</p>{/block:Artist}
  209. </div>
  210. <div class="clear"></div>
  211. </div>
  212. <div class="sub">
  213. {block:Caption}<div class="sub-box copy">{Caption}</div>{/block:Caption}
  214. {/block:Audio}
  215.  
  216.  
  217. {block:Answer} <div class="main answer">
  218. <div class="main-box">
  219. {Question}
  220. <span class="asker">{Asker}</span>
  221. </div>
  222. </div>
  223. <div class="sub">
  224. <div class="sub-box copy">{Answer}</div>
  225. {/block:Answer}
  226.  
  227.  
  228.  
  229. <ul class="meta">
  230. {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
  231. {block:Audio}<li>&#9834; {PlayCountWithLabel}</li>{/block:Audio}
  232. {block:NoteCount}<li><a href="{permalink}#notes"><span class="heart">&hearts;</span>{NoteCount}</a></li>{/block:NoteCount}
  233. {block:IfDisqusShortname}{block:IndexPage}<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>{/block:IndexPage}{/block:IfDisqusShortname}
  234. {block:HasTags}<li class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</li>{/block:HasTags}
  235. </ul>
  236.  
  237.  
  238. </div><!--/sub-->
  239.  
  240.  
  241. {block:IfDisqusShortname}
  242. {block:PermalinkPage}
  243. {block:Date}<!-- block:Date is used to also hide it in ask/submit -->
  244. <div id="comments" class="main-box">
  245. <div id="disqus_thread"></div>
  246. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  247. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  248. <div style="text-align: right; margin-top: 5px">{lang:Blog comments powered by Disqus 2}</div>
  249. </div>
  250. {/block:Date}
  251. {/block:PermalinkPage}
  252. {/block:IfDisqusShortname}
  253.  
  254.  
  255. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  256.  
  257. </div><!--/post-->
  258. {/block:Posts}<!-- /posts -->
  259.  
  260.  
  261.  
  262. {block:NoSearchResults}<div class="post">
  263. <div class="main main-box copy text"><h3>{lang:Sorry}</h3>{lang:No results for SearchQuery 2}</div>
  264. </div>{/block:NoSearchResults}
  265.  
  266.  
  267. <div class="border"></div>
  268. <div id="credits"><p>{text:Label}</p></div>
  269.  
  270.  
  271.  
  272. {block:Pagination}<div id="pagination">
  273. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  274. {block:JumpPagination length="7"}
  275. {block:CurrentPage}<span class="current_page" title="{lang:Page CurrentPage of TotalPages}">{PageNumber}</span>{/block:CurrentPage}
  276. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  277. {/block:JumpPagination}
  278. {block:NextPage}<a href="{NextPage}">{lang:Next} &rarr;</a>{/block:NextPage}
  279. </div>{/block:Pagination}
  280.  
  281. {block:PermalinkPagination}<div id="pagination">
  282. {block:NextPost}<a href="{NextPost}">&larr; {lang:Previous}</a>{/block:NextPost}
  283. {block:PreviousPost}<a href="{PreviousPost}">{lang:Next} &rarr;</a>{/block:PreviousPost}
  284. </div>{/block:PermalinkPagination}
  285.  
  286.  
  287. {block:IfBottomButtonsLink}<div id="buttons">
  288. <a href="{text:Bottom Buttons Link}"><img id="button60" src="http://static.tumblr.com/2xhkg2s/ogul5kgux/button60.png" alt="" /></a>
  289. <a href="{text:Bottom Buttons Link}"><img id="button70" src="http://static.tumblr.com/2xhkg2s/3Eul5kgwi/button70.png" alt="" /></a>
  290. <a href="{text:Bottom Buttons Link}"><img id="button100" src="http://static.tumblr.com/2xhkg2s/jIel5kgxm/button100.png" alt="" /></a>
  291. </div>{/block:IfBottomButtonsLink}
  292.  
  293.  
  294. </div><!--/post-wrapper-->
  295.  
  296.  
  297. </div><!--/wrapper-->
  298.  
  299.  
  300. {block:Twitter}<!-- Twitter --><script type="text/javascript" src="/tweets.js"></script>{/block:Twitter}
  301.  
  302. {block:IfDisqusShortname}{block:IndexPage}
  303. <!-- Disqus --><script type="text/javascript">
  304. var disqus_shortname = '{text:Disqus Shortname}';
  305. (function () {
  306. var s = document.createElement('script'); s.async = true;
  307. s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
  308. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  309. }());
  310. </script>
  311. {/block:IndexPage}{/block:IfDisqusShortname}
  312.  
  313. {block:IfInstallStreampad}<!-- Streampad --><script type="text/javascript" src="http://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=11&bgcolor=#000000&trackcolor=#ffffff&clicktext=Play&clickimg=true&progressfrontcolor=000000&progressbackcolor=ffffff&showplaylistbutton=false&drawersize=&btncolor=white-black"></script>{/block:IfInstallStreampad}
  314.  
  315.  
  316. </body>
  317. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement