API tools faq
paste
Advertisement
feiinho

Beatacelerado brutal simplicity theme

feiinho
Jun 18th, 2011
480
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. <link rel="icon" href="{Favicon}"/>
  8. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <meta name="viewport" content="width=775"/> <!-- iPhone -->
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="image:Header" content=""/>
  14. <meta name="text:Google Analytics ID" content="" />
  15. <meta name="text:Disqus Shortname" content="" />
  16. <meta name="if:Show My Portrait" content="" />
  17. <meta name="if:Huge Photos" content="" />
  18. <meta name="if:Dark Layout" content="" />
  19. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  20. <link rel="stylesheet" href="http://static.tumblr.com/snnreod/yt6l8jer7/screen.css" type="text/css" media="screen" charset="utf-8" />
  21. <style type="text/css">
  22.  
  23.  
  24. {block:IfBackgroundImage}
  25. html, body {
  26. background: #d1d2d1;
  27. }
  28.  
  29. html, body {
  30. background: #d1d2d1 url({image:Background}) repeat fixed left top !important;
  31. }
  32.  
  33. {/block:IfBackgroundImage}
  34.  
  35. {block:IfNotBackgroundImage}
  36. html, body {
  37. background: #d1d2d1 url(http://static.tumblr.com/snnreod/DTFl8fjqb/background.jpg) top left repeat;
  38. }
  39. {/block:IfNotBackgroundImage}
  40.  
  41. {block:IFDarkLayout}
  42. /* Dark Layout aka SIMPLE BRUTALITY! */
  43. html, body {
  44. background: #363636 url(http://static.tumblr.com/snnreod/Fx4l8ig9j/background_dark.jpg) top left repeat;
  45. }
  46.  
  47. #header h1 a.no_header {
  48. color: #fff;
  49. text-shadow: 0 2px 4px #000;
  50.  
  51. }
  52.  
  53. .post {
  54. -moz-box-shadow: 0 1px 8px rgba(0,0,0,.9);
  55. -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.9);
  56. box-shadow: 0 1px 8px rgba(0,0,0,.9);
  57. }
  58.  
  59. #sidebar #description {
  60. color: #e1e1e1;
  61. text-shadow: 0 1px 1px #000;
  62. text-shadow: 0 1px 1px rgba(0,0,0,.9) !important;
  63. font-weight: bold !important;
  64. }
  65.  
  66. #sidebar #description a {
  67. text-shadow: 0 1px 1px #000;
  68. text-shadow: 0 1px 1px rgba(0,0,0,.9);
  69. color: #e1e1e1;
  70. }
  71.  
  72. #sidebar #description a:hover {
  73. color: #fff;
  74. }
  75.  
  76. #sidebar .page_link, #sidebar #search label, #sidebar #description a.page_link {
  77. color: #e1e1e1;
  78. text-shadow: 0 1px 1px #000;
  79. font-weight: normal;
  80. border-top: 1px solid #555555;
  81. *border-top:1px solid #555555;
  82. border-top: 1px solid rgba(255,255,255, .15);
  83. }
  84.  
  85. #sidebar .page_link:hover, #sidebar #description a.page_link:hover {
  86. color: #fff;
  87. }
  88.  
  89. #sidebar #search form #search_submit {
  90. -moz-box-shadow: 0 1px 4px rgba(0,0,0,.7);
  91. -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.7);
  92. box-shadow: 0 1px 4px rgba(0,0,0,.7);
  93. border: none;
  94. }
  95.  
  96. #newer_posts, #older_posts {
  97. color: #e1e1e1;
  98. text-shadow: 0 1px 1px #000;
  99. font-weight: normal;
  100. }
  101.  
  102. #newer_posts:hover, #older_posts:hover {
  103. color: #fff;
  104. }
  105.  
  106. .page_of {
  107. display: inline-block;
  108. width: auto;
  109. color: #bebebe;
  110. font-size: .75em;
  111. text-shadow: 0 1px 0px rgba(0,0,0,.3);
  112. background: rgba(0,0,0,.1);
  113. border: 1px solid rgba(0,0,0,.12);
  114. padding: 8px 10px;
  115. margin: 0 14px 0 0;
  116. position: relative;
  117. top: 5px;
  118. -moz-box-shadow: 0 1px 0px rgba(255,255,255,.15);
  119. -webkit-box-shadow: 0 1px 0px rgba(255,255,255,.15);
  120. box-shadow: 0 1px 0px rgba(255,255,255,.15);
  121. -moz-border-radius: 3px;
  122. -webkit-border-radius: 3px;
  123. border-radius: 3px;
  124. }
  125.  
  126. #footer_info, #footer_info strong, #footer p, #footer p a {
  127. color: #e1e1e1;
  128. text-shadow: 0 1px 1px #000;
  129. }
  130.  
  131.  
  132. .short_url {
  133. text-shadow: 0 1px 0px rgba(0,0,0,.3);
  134. background: rgba(0,0,0,.1);
  135. border: 1px solid rgba(0,0,0,.12);
  136. *border: 1px solid #232323;
  137. padding: 8px 10px;
  138. color: #bebebe;
  139. margin: 0 0 0 0;
  140. -moz-box-shadow: 0 1px 0px rgba(255,255,255,.15);
  141. -webkit-box-shadow: 0 1px 0px rgba(255,255,255,.15);
  142. box-shadow: 0 1px 0px rgba(255,255,255,.15);
  143. -moz-border-radius: 3px;
  144. -webkit-border-radius: 3px;
  145. border-radius: 3px;
  146. position: relative;
  147. top: -30px;
  148. }
  149.  
  150. .short_url a {
  151. color: #fff;
  152. }
  153.  
  154. /* */
  155. {/block:IFDarkLayout}
  156.  
  157. {block:IFHugePhotos}
  158. /* Huge Photos */
  159.  
  160. #content {
  161. width: 1240px;
  162. }
  163.  
  164. .postcontainer {
  165. width: 1060px;
  166. }
  167.  
  168. .post {
  169. width: 1060px;
  170. }
  171.  
  172. .photo .photo_holder img {
  173. max-width: 1000px;
  174. }
  175.  
  176. #post_notes ol li.reply {
  177. width: 1004px;
  178. }
  179.  
  180. .audio div.audio_player_container .player_and_caption {
  181. width: 825px;
  182. }
  183.  
  184.  
  185. .photo .photo_holder {
  186. width: 1000px;
  187. text-align: left;
  188. }
  189.  
  190. .question p {
  191. width: 870px;
  192. }
  193.  
  194.  
  195. {block:IFHugePhotos}
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202. /* Simpler Date for Toggle
  203.  
  204.  
  205. .date_and_notes {
  206. text-align: left;
  207. padding: 15px 0 0 0;
  208. margin: 0 30px;
  209. font-size: 1em;
  210. background: transparent;
  211. }
  212.  
  213. .date_and_notes a {
  214. display: block;
  215. color: #303030;text-decoration: none;
  216. font-weight: normal;
  217. cursor: pointer;
  218. }
  219.  
  220. .date_and_notes a:hover {color: #232323;}
  221.  
  222. .date_and_notes a:active {
  223. position: relative;
  224. top: 1px;
  225. }
  226.  
  227. .post .photo, .post .video, .post .conversation, .post .regular, .post .photoset, .post .link {
  228. padding: 10px 30px 30px 30px;
  229. }
  230. */
  231.  
  232.  
  233. {CustomCSS}
  234. </style>
  235.  
  236. <!--[if lt IE 7]>
  237. <style type="text/css">
  238. .post div.labels {
  239. right: 450px;
  240. }
  241. </style>
  242. <![endif]-->
  243. </head>
  244. <body>
  245. <div id="content" class="clearfix">
  246. <div id="header" class="clearfix">
  247. <h1>
  248. {block:IfHeaderImage}<a href="/"><img src="{image:Header}" alt="{Title}"/></a>{/block:IfHeaderImage}
  249. {block:IfNotHeaderImage}<a class="no_header" href="/">{Title}</a>{/block:IfNotHeaderImage}
  250. </h1>
  251. </div><!-- end #header -->
  252. <div id="sidebar">
  253. <div id="description">
  254. {block:IFShowMyPortrait}
  255. <img id="tumblr_portrait" src="{PortraitURL-128}" width="128" height="128" alt="This is a picture of {Title}"/>
  256. {/block:IFShowMyPortrait}
  257. {Description}
  258. </div>
  259. {block:HasPages}
  260. {block:Pages}<a class="page_link" href="{URL}"><span>{Label}</span></a>{/block:Pages}
  261. {/block:HasPages}
  262. <a class="page_link" href="/archive"><span>Archive</span></a>
  263. {block:AskEnabled}
  264. <a class="page_link" href="/ask"><span>{AskLabel}</span></a>
  265. {/block:AskEnabled}
  266. {block:SubmissionsEnabled}
  267. <a class="page_link" href="/submit"><span>{SubmitLabel}</span></a>
  268. {/block:SubmissionsEnabled}
  269. <div id="search">
  270. <form action="/search" method="get">
  271. <label><span>Search</span></label>
  272. <input type="text" name="q" value="{SearchQuery}"/>
  273. <input id="search_submit" type="submit" value="Search" alt="Search" />
  274. </form>
  275. </div>
  276. </div><!-- end #sidebar -->
  277. <div class="postcontainer clearfix">
  278.  
  279. <div class="post_inner_container clearfix">
  280. {block:Posts}
  281. <div class="post clearfix">
  282.  
  283.  
  284. <div class="date_and_notes">
  285. {block:NewDayDate}
  286. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes}{CapitalAmPm}</a>
  287. {/block:NewDayDate}
  288.  
  289. {block:SameDayDate}
  290. <a href="{Permalink}"> {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes}{CapitalAmPm} </span></a>
  291. {/block:SameDayDate}
  292. </div>
  293.  
  294. {block:Regular}
  295. <div class="regular clearfix">
  296. {block:Title}<h2>{Title}</h2>{/block:Title}
  297. <div class="post_semi_top"></div>
  298. <div class="regular_body">
  299. <p>{Body}</p>
  300. </div>
  301.  
  302. </div>
  303. {/block:Regular}
  304.  
  305. {block:Answer}
  306. <div class="regular clearfix">
  307. {block:Title}<h2>{Title}</h2>{/block:Title}
  308. <div class="post_semi_top"></div>
  309. <div class="question clearfix"><img src="{AskerPortraitURL-64}" width="64" height="64" alt="asker"> <p>{Asker} asked: {Question}</p></div>
  310. <div class="regular_body answer">
  311. {Answer}
  312. </div>
  313.  
  314. </div>
  315. {/block:Answer}
  316.  
  317.  
  318. {block:Photo}
  319. <div class="photo">
  320. {block:IFHugePhotos} <div class="photo_holder">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{/block:IFHugePhotos}
  321. {block:IFNotHugePhotos} <div class="photo_holder">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{/block:IFNotHugePhotos}
  322.  
  323. {block:Caption}
  324. <div class="caption">{Caption}</div>
  325. {/block:Caption}
  326. </div>
  327. {/block:Photo}
  328.  
  329. {block:Quote}
  330. <div class="quote">
  331. <span class="quote">
  332. {Quote}
  333. </span>
  334. {block:Source}<span class="source">&mdash; {Source}</span>{/block:Source}
  335. </div>
  336. {/block:Quote}
  337.  
  338. {block:Link}
  339. <div class="link">
  340. <a href="{URL}" class="link" {Target}>{Name}</a>
  341. {block:Description}
  342. <span class="description">{Description}</span>
  343. {/block:Description}
  344. </div>
  345. {/block:Link}
  346.  
  347. {block:Conversation}
  348. <div class="conversation">
  349. {block:Title}<h2>{Title}</h2>{/block:Title}
  350. <ul>
  351. {block:Lines}
  352. <li class="{Alt}">
  353. {block:Label}<span class="label">{Label}</span>{/block:Label}
  354. {Line}
  355. </li>
  356. {/block:Lines}
  357. </ul>
  358. </div>
  359. {/block:Conversation}
  360. {block:Photoset}
  361. <div class="photoset_container">
  362. {Photoset-500}
  363.  
  364. {block:Caption}
  365. <div class="caption">{Caption}</div>
  366. {/block:Caption}
  367. </div>
  368. {/block:Photoset}
  369. {block:Audio}
  370. <div class="audio clearfix">
  371. <div class="audio_player_container clearfix">
  372. <div class="album_art_container">
  373. {block:AlbumArt}
  374. <img src="{AlbumArtURL}" width="150" height="150" alt="Album Art" />
  375. {/block:AlbumArt}
  376. </div>
  377.  
  378. <div class="player_and_caption">
  379. {AudioPlayerBlack}
  380. {block:Caption}
  381. <div class="caption">{Caption}</div>
  382. {/block:Caption}
  383. <div class="audio_extras">
  384. <div class="audio_id3 clearfix">
  385. {block:Artist}
  386. <div class="id3_artist"><em>Artist</em>{Artist}</div>
  387. {/block:Artist}
  388. {block:TrackName}
  389. <div class="id3_track"><em>Title</em>{TrackName}</div>
  390. {/block:TrackName}
  391. {block:Album}
  392. <div class="id3_album"><em>Album</em>{Album}</div>
  393. {/block:Album}
  394.  
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399.  
  400.  
  401.  
  402. </div>
  403. {/block:Audio}
  404.  
  405. {block:Video}
  406. <div class="video">
  407. {Video-500}
  408. {block:Caption}
  409. <div class="caption">{Caption}</div>
  410. {/block:Caption}
  411. </div>
  412. {/block:Video}
  413.  
  414.  
  415.  
  416. {block:PostNotes}<div id="post_notes">{PostNotes} </div>{/block:PostNotes}
  417.  
  418.  
  419. <div class="just_notes clearfix">
  420. {block:NoteCount}<a class="notes" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  421.  
  422.  
  423. {block:ContentSource}
  424. {block:SourceLogo}
  425. <a class="source_link" href="{SourceURL}">
  426. {lang:Source}:
  427. <img src="{WhiteLogoURL}" width="{LogoWidth}"
  428. height="{LogoHeight}" alt="{SourceTitle}" />
  429. </a>
  430. {/block:SourceLogo}
  431. {block:NoSourceLogo}
  432. <a class="source_link" href="{SourceURL}">
  433. {lang:Source}: {SourceTitle}
  434. </a>
  435. {/block:NoSourceLogo}
  436. {/block:ContentSource}
  437.  
  438. {block:HasTags}
  439. {block:Tags}<a class="tags" href="{TagURL}">&#35;{Tag}</a>{/block:Tags}
  440. {/block:HasTags}
  441. </div>
  442.  
  443.  
  444. </div>
  445. {block:PermalinkPage}<div class="short_url">Short URL for this post: <strong>{ShortURL}</strong></div>{/block:PermalinkPage}
  446.  
  447.  
  448. {block:Permalink}
  449. {block:IfDisqusShortname}
  450. <div id="brutal_disqus_container">
  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">View the discussion thread.</a></noscript>
  454. </div>
  455. <div style="text-align: right; margin-top: 5px">
  456. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  457. </div>
  458. {/block:IfDisqusShortname}
  459. {/block:Permalink}
  460.  
  461.  
  462.  
  463. {/block:Posts}
  464.  
  465. {block:IfDisqusShortname}
  466.  
  467. <script type="text/javascript">
  468. //<![CDATA[
  469. (function() {
  470. var links = document.getElementsByTagName('a');
  471. var query = '?';
  472. for(var i = 0; i < links.length; i++) {
  473. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  474. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  475. }
  476. }
  477. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  478. })();
  479. //]]>
  480. </script>
  481.  
  482. {/block:IfDisqusShortname}
  483.  
  484.  
  485.  
  486. <div id="footer">
  487.  
  488.  
  489. <div id="footer_content" class="clearfix">
  490. {block:PreviousPage}
  491. <a id="newer_posts" href="{PreviousPage}">&#171; Newer posts</a> &nbsp;&nbsp;
  492. {/block:PreviousPage}
  493. {block:IndexPage}
  494. <div class="page_of clearfix">
  495. <strong>Page {CurrentPage}</strong>
  496. <span>of {TotalPages}</span>
  497. </div>
  498. {/block:IndexPage}
  499. {block:NextPage}
  500. <a id="older_posts" href="{NextPage}">Older posts &#187;</a>
  501. {/block:NextPage}
  502. </div>
  503.  
  504. <div id="footer_info">
  505. <p><strong>Brutal Simplicity</strong> theme by <a href="http://kevin.tumblr.com">Kevin Burg</a></p>
  506. </div>
  507.  
  508. </div>
  509.  
  510. </div><!-- end .post_inner_container -->
  511.  
  512.  
  513.  
  514.  
  515. </div> <!-- end .postcontainer -->
  516.  
  517.  
  518.  
  519.  
  520. </div>
  521.  
  522.  
  523. {block:IfGoogleAnalyticsID}
  524. <script type="text/javascript">
  525. var _gaq = _gaq || [];
  526. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  527. _gaq.push(['_trackPageview']);
  528. (function() {
  529. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  530. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  531. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  532. })();
  533. </script>
  534. {/block:IfGoogleAnalyticsID}
  535.  
  536. </body>
  537.  
  538.  
  539.  
  540. </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!