API tools faq
paste
Advertisement
feiinho

Button Theme 1.5.0 - simurai.com

feiinho
Nov 14th, 2016
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
raw download clone embed print report
  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
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!