API tools faq
paste
thewisepotato

Black Holes And Revelations Tumblr Theme

thewisepotato
May 30th, 2014
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9. <meta name="text:Link 1" content=""/>
  10. <meta name="text:Link 1 URL" content="http://"/>
  11. <meta name="text:Link 2" content=""/>
  12. <meta name="text:Link 2 URL" content="http://"/>
  13. <meta name="text:Link 3" content=""/>
  14. <meta name="text:Link 3 URL" content="http://"/>
  15. <meta name="text:Link 4" content=""/>
  16. <meta name="text:Link 4 URL" content="http://"/>
  17. <meta name="text:Link 5" content=""/>
  18. <meta name="text:Link 5 URL" content="http://"/>
  19. <meta name="text:Link 6" content=""/>
  20. <meta name="text:Link 6 URL" content="http://"/>
  21. <meta name="text:Link 7" content=""/>
  22. <meta name="text:Link 7 URL" content="http://"/>
  23. <meta name="text:Link 8" content=""/>
  24. <meta name="text:Link 8 URL" content="http://"/>
  25.  
  26. <meta name="color:Background" content="#888888"/>
  27. <meta name="color:Accent" content="#888888"/>
  28. <meta name="color:Sidebar Text" content="#000000"/>
  29. <meta name="color:Link Hover" content="#ffffff"/>
  30. <meta name="color:Post Text" content="#000000"/>
  31. <meta name="color:Post Background" content="#fcfcfc"/>
  32. <meta name="color:Permalink Text" content="#ffffff"/>
  33. <meta name="color:Notes Text" content="#000000"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  37.  
  38. <meta name="if:Wide Posts" content="0"/>
  39. <meta name="if:Infinite Scroll" content="0"/>
  40. <meta name="if:Open Full Size Images" content="1"/>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  43.  
  44. {block:ifInfiniteScroll}
  45. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  46. {/block:ifInfiniteScroll}
  47.  
  48. <style type="text/css">
  49.  
  50. *{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
  51.  
  52. body {background:{color:Background} url({image:Background}) fixed; font-family:Helvetica, Arial, sans-serif;}
  53.  
  54. a {text-decoration:none; color:inherit;}
  55.  
  56. a:hover {color:{color:Link Hover};}
  57.  
  58. #t {position:fixed; bottom:0; left:50px; color:{color:Sidebar Text}; width:250px;}
  59.  
  60. #t a h1 {text-transform:uppercase; border:solid {color:Sidebar Text}; border-width:10px 0; color:{color:Sidebar Text}; width:250px; text-align:center; margin-left:20px;}
  61.  
  62. #li a {display:block; text-transform:uppercase; letter-spacing:0.15em; line-height:150%; border-left:solid 10px {color:Sidebar Text}; padding-left:20px;}
  63.  
  64. #li a:hover {border-color:{color:Link Hover}; border-width:20px;}
  65.  
  66. #de {position:fixed; bottom:0; left:-270px; border-right:solid 1px {color:Sidebar Text}; height:100%; background:{color:Accent}; display:table;}
  67.  
  68. #de a:hover {color:{color:Accent};}
  69.  
  70. #de div {padding:25px 50px; width:220px; color:{color:Post Text}; display:table-cell; vertical-align:middle;}
  71.  
  72. #de:hover {left:0; background:{color:Post Background};}
  73.  
  74. #de span.hover {display:block; text-transform:uppercase; font-family:oswald; letter-spacing:2px; font-size:16px; width:200px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right; position:absolute; top:50%; right:15px; margin-top:-100px; opacity:0.5;}
  75.  
  76. #de:hover span.hover {opacity:0;}
  77.  
  78. /*----PAGINATION----*/
  79.  
  80. #pg {margin:25px 0 -30px 20px; width:250px; display:inline-block; color:{color:Sidebar Text};}
  81.  
  82. #pn {margin-bottom:25px; display:inline-block; {block:ifWidePosts}width:534px;{/block:ifWidePosts}{block:ifNotWidePosts}width:434px;{/block:ifNotWidePosts} color:{color:Notes Text};}
  83.  
  84. a.p, a.n {text-transform:uppercase; font-weight:bold; font-family:oswald; width:50%; text-align:center; font-size:1.25em;}
  85.  
  86. a.p {float:left;}
  87.  
  88. a.n {float:right;}
  89.  
  90. /*--------*/
  91.  
  92. /*----POSTS----*/
  93.  
  94. #posts {position:absolute; top:25px; left:400px; font-size:0.85em; {block:ifWidePosts}width:534px;{/block:ifWidePosts}{block:ifNotWidePosts}width:434px;{/block:ifNotWidePosts}}
  95.  
  96. #entry {padding:17px; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} height:auto; color:{color:Post Text}; background:{color:Post Background}; float:left;}
  97.  
  98. #ewrap {margin-bottom:25px; display:inline-block; position:relative; {block:ifWidePosts}width:684px;{/block:ifWidePosts}{block:ifNotWidePosts}width:584px;{/block:ifNotWidePosts}}
  99.  
  100. #entry * {max-width:100%;}
  101.  
  102. #entry a:hover {color:{color:Accent};}
  103.  
  104. h2 {text-align:center; margin-top:0; padding:5px; border:solid 1px white; text-transform:uppercase;}
  105.  
  106. #entry:hover h2 {color:{color:Accent};}
  107.  
  108. #entry b {text-transform:uppercase; font-size:0.85em;}
  109.  
  110. #entry table {{block:ifWidePosts}max-width:500px;{/block:ifWidePosts}
  111. {block:ifNotWidePosts}max-width:400px;{/block:ifNotWidePosts}}
  112.  
  113. blockquote {border-left:solid 2px {color:Post Text}; padding-left:15px; margin-left:15px; margin-top:-10px;}
  114.  
  115. /*----CHAT POSTS----*/
  116.  
  117. ul.chat {padding-left:15px; list-style-type:none;}
  118.  
  119. /*----LINK POSTS----*/
  120.  
  121. a.link h2:after {content:' ❯'; color:{color:Accent};}
  122.  
  123. #entry:hover a.link h2 {color:{color:Post Text};}
  124.  
  125. a.link:hover h2 {color:{color:Accent} !important;}
  126.  
  127. /*----AUDIO POSTS----*/
  128.  
  129. .audio {float:left;}
  130.  
  131. .audio img {height:80px; width:80px; padding:5px; display:block;}
  132.  
  133. .aud {height:28px; width:28px; overflow:hidden; margin:-60px 0 31px 31px; opacity:0.6;}
  134.  
  135. .audio:hover .aud {opacity:1;}
  136.  
  137. .audin {float:left; height:70px; {block:ifWidePosts}width:385px;{/block:ifWidePosts}{block:ifNotWidePosts}width:285px;{/block:ifNotWidePosts} padding:10px; margin-bottom:15px;}
  138.  
  139. /*----QUOTE POSTS----*/
  140.  
  141. h2.qu {text-transform:none;}
  142.  
  143. h2.short {font-size:1.25em;}
  144.  
  145. h2.medium, h2.long {text-align:left;}
  146.  
  147. h2.long {font-size:1.15em;}
  148.  
  149. /*----ASK POSTS----*/
  150.  
  151. div.ask b {text-align:center; display:block;}
  152.  
  153. div.answer b {display:block;}
  154.  
  155. div.ask {padding:10px; border:solid {color:Accent}; border-width:3px 0;}
  156.  
  157. div.answer {padding:10px; font-size:0.95em;}
  158.  
  159. /*--------*/
  160.  
  161. /*----PERMALINK----*/
  162.  
  163. #info {float:left; width:150px; color:{color:Permalink Text}; position:relative;}
  164.  
  165. #info:before {content:''; height:100%; width:10px; position:absolute; top:0; left:0; background:{color:Post Background}; z-index:-1;}
  166.  
  167. #info a, #info div {float:left; clear:both; padding:5px; border-left:solid 10px {color:Accent}; width:150px;}
  168.  
  169. #info a:hover, #info div:hover {-webkit-box-shadow: inset 150px 0px 0px 0px {color:Post Background}; -moz-box-shadow: inset 150px 0px 0px 0px {color:Post Background}; box-shadow: inset 150px 0px 0px 0px {color:Post Background}; color:{color:Accent};}
  170.  
  171. #tags a, #tags div, #act a, #act div {display:inline-block; border:none; padding:0; clear:none; width:auto;}
  172.  
  173. #info a:nth-of-type(2) {border-color:rgba({RGBcolor:Accent},0.8);}
  174. #info div {border-color:rgba({RGBcolor:Accent},0.6);}
  175. #tags {border-color:rgba({RGBcolor:Accent},0.4) !important;}
  176.  
  177. {block:PermalinkPage}
  178. #info a:nth-of-type(3) {border-color:rgba({RGBcolor:Accent},0.4);}
  179. #info a:nth-of-type(4) {border-color:rgba({RGBcolor:Accent},0.2);}
  180. #tags {border-color:transparent !important;}
  181. {/block:PermalinkPage}
  182.  
  183. #act div {margin-left:10px;}
  184.  
  185. #tags a {float:none; display:inline; padding:0; margin-right:-5px;}
  186.  
  187. #tags:hover a {color:{color:Post Text};}
  188.  
  189. #tags a:hover {color:{color:Accent};}
  190.  
  191. #tags a:after {content:', ';}
  192. #tags a:last-of-type:after {content:'';}
  193.  
  194. /*--------*/
  195.  
  196. /*----NOTES----*/
  197.  
  198. ol.notes {padding-left:0; list-style-type:none; font-weight:bold; text-transform:uppercase; font-size:0.95em; color:{color:Notes Text};}
  199.  
  200. ol.notes li {margin:15px;}
  201.  
  202. img.avatar {margin-right:15px; vertical-align:middle;}
  203.  
  204. ol.notes li blockquote {margin-top:10px; margin-left:7px; font-weight:initial;}
  205.  
  206. /*--------*/
  207.  
  208. /*---custom css----*/
  209. {CustomCSS}
  210.  
  211. </style>
  212. </head>
  213. <body>
  214.  
  215. <div id="t">
  216.  
  217. <div id="li">
  218. <a href="/">home</a>
  219. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  220. <a href="/archive">archive</a>
  221. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  222. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  223. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  224. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  225. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  226. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  227. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  228. {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  229. <a href="http://syntaxthemes.tumblr.com">theme</a>
  230. </div>
  231.  
  232. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pg">
  233. {block:PreviousPage}<a class="p" href="{PreviousPage}">back</a>{/block:PreviousPage}
  234. {block:NextPage}<a class="n" href="{NextPage}">next</a>{/block:NextPage}
  235. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  236.  
  237. <a href="/"><h1>{Title}</h1></a>
  238. </div>
  239.  
  240. <div id="de">
  241. <div>{Description}</div>
  242. <span class="hover">hover for description</span>
  243. </div>
  244.  
  245.  
  246. <!----------------------------------POSTS---------------------------------->
  247.  
  248.  
  249. <div id="posts">
  250.  
  251. {block:Posts}
  252.  
  253. <div id="ewrap">
  254.  
  255. <div id="entry" {block:Quote}style="text-align:center;"{/block:Quote}>
  256.  
  257. <!---posts--->
  258. {block:Text}
  259. {block:Title}<h2>{Title}</h2>{/block:Title}
  260. {Body}
  261. {/block:Text}
  262.  
  263. {block:Audio}
  264. <div class="audio">
  265. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  266. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  267. <div class="aud">{AudioPlayerWhite}</div>
  268. </div>
  269. <div class="audin">
  270. {block:TrackName}<b>Track Name</b> {TrackName}<br/>{/block:TrackName}
  271. {block:Artist}<b>Artist</b> {Artist}<br/>{/block:Artist}
  272. {block:Album}<b>Album</b> {Album}<br/>{/block:Album}
  273. {block:PlayCount}<b>Plays</b> {FormattedPlayCount}{/block:PlayCount}
  274. </div>
  275. {block:Caption}{Caption}{/block:Caption}
  276. {/block:Audio}
  277.  
  278. {block:Video}
  279. {block:ifWidePosts}{Video-500}{/block:ifWidePosts}
  280. {block:ifNotWidePosts}{Video-400}{/block:ifNotWidePosts}
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Video}
  283.  
  284. {block:Photo}
  285. {block:ifOpenFullSizeImages}
  286. {LinkOpenTag}
  287. {/block:ifOpenFullSizeImages}
  288. {block:ifWidePosts}<img src="{PhotoURL-500}">{/block:ifWidePosts}
  289. {block:ifNotWidePosts}<img src="{PhotoURL-400}">{/block:ifNotWidePosts}
  290. {block:ifOpenFullSizeImages}
  291. {LinkCloseTag}
  292. {/block:ifOpenFullSizeImages}
  293. {block:Caption}{Caption}{/block:Caption}
  294. {/block:Photo}
  295.  
  296. {block:Photoset}
  297. {block:ifWidePosts}{Photoset-500}{/block:ifWidePosts}
  298. {block:ifNotWidePosts}{Photoset-400}{/block:ifNotWidePosts}
  299. {block:Caption}{Caption}{/block:Caption}
  300. {/block:Photoset}
  301.  
  302. {block:Panorama}
  303. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  304. {block:Caption}{Caption}{/block:Caption}
  305. {/block:Panorama}
  306.  
  307. {block:Quote}
  308. <h2 class="{Length} qu">"{Quote}"</h2>
  309. {block:Source}{Source}{/block:Source}
  310. {/block:Quote}
  311.  
  312. {block:Link}
  313. <a href="{URL}" class="link"><h2>{Name}</h2></a>
  314. {block:Description}{Description}{/block:Description}
  315. {/block:Link}
  316.  
  317. {block:Chat}
  318. {block:Title}<h2>{Title}</h2>{/block:Title}
  319. <ul class="chat">
  320. {block:Lines}
  321. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  322. {/block:Lines}
  323. </ul>
  324. {/block:Chat}
  325.  
  326. {block:Answer}
  327. <div class="ask">
  328. <b>{Asker} asked:</b>{Question}
  329. </div>
  330. <div class="answer">
  331. {block:Answerer}<b>{Answerer} replied:</b>{/block:Answerer}
  332. {Answer}
  333. </div>
  334.  
  335. {block:Answerer}{Replies}{/block:Answerer}
  336. {/block:Answer}
  337.  
  338. </div><!--entry-->
  339.  
  340. {block:Date}<div id="info">
  341. <a href="{Permalink}">{TimeAgo}</a>
  342. <a href="{Permalink}">{NoteCount}</a>
  343. <div id="act">
  344. {ReblogButton color="black" size="13"}
  345. {LikeButton color="black" size="13"}
  346. </div>
  347.  
  348. {block:PermalinkPage}{block:RebloggedFrom}
  349. <a href="{ReblogParentURL}">via</a>
  350. <a href="{ReblogRootURL}">src</a>
  351. {/block:RebloggedFrom}{/block:PermalinkPage}
  352.  
  353. {block:HasTags}<div id="tags">{block:Tags}
  354. <a href="{TagURL}">{Tag}</a>&nbsp;
  355. {/block:Tags}</div>{/block:HasTags}
  356. </div>
  357. {/block:Date}
  358.  
  359. </div>
  360.  
  361. {block:PermalinkPagination}
  362. <div id="pn">
  363. {block:PreviousPost}<a class="p" href="{PreviousPost}">previous post</a>{/block:PreviousPost}
  364. {block:NextPost}<a class="n" href="{NextPost}">next post</a>{/block:NextPost}
  365. </div>
  366. {/block:PermalinkPagination}
  367.  
  368. {/block:Posts}
  369.  
  370. {block:PostNotes}
  371. {PostNotes}
  372. {/block:PostNotes}
  373.  
  374. </div><!--posts-->
  375.  
  376. <!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
  377. <a href="http://syntaxthemes.tumblr.com">
  378. <img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
  379. <!----------------------------------THANK-------------------------------->
  380.  
  381. </body>
  382. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!