API tools faq
paste
Advertisement
thewisepotato

Apollo Tumblr Theme

thewisepotato
Jul 21st, 2014
754
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title} {block:TagPage}| Posts tagged {Tag}{/block:TagPage}{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="color:Background" content="#ffffff"/>
  10. <meta name="color:Accent 1" content="#cdcdcd"/>
  11. <meta name="color:Accent 2" content="#444444"/>
  12. <meta name="color:Post BG" content="#ffffff"/>
  13. <meta name="color:Post Text" content="#000000"/>
  14. <meta name="color:Other Text" content="#000000"/>
  15.  
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  18.  
  19. <meta name="if:Extra Box" content="1"/>
  20. <meta name="if:Wide Posts" content="1"/>
  21. <meta name="if:Uppercase" content="0"/>
  22. <meta name="if:Back To Top Button" content="0"/>
  23. <meta name="if:Open Full Size Images" content="0"/>
  24.  
  25. <meta name="text:Updates" content=""/>
  26. <meta name="text:Extra Box Title" content="Extra"/>
  27. <meta name="text:Extra Box Content" content=""/>
  28.  
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  30. <script type="text/javascript" src="http://static.tumblr.com/puls2hm/bxwn927ur/intergalactic.js"></script>
  31. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Atomic+Age' rel='stylesheet' type='text/css'>
  34.  
  35. <style type="text/css">
  36.  
  37. * {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
  38.  
  39. body {background:{color:Background} url({image:Background}) fixed; font-family:sans-serif; font-weight:300;}
  40.  
  41. a {text-decoration:none; color:{color:Accent 1};}
  42.  
  43. a:hover {color:{color:Accent 2}}
  44.  
  45. div#qTip {display:none; text-align:center; position:absolute; text-transform:uppercase; font-size:0.75em; background:{color:Post Text}; border:solid 1px {color:Post BG}; color:{color:Post BG}; padding:5px 8px; font-family:sans-serif; margin-left:15px; margin-top:5px; z-index:999;}
  46.  
  47. h1, h1 span, h2, #nav a {font-family:Atomic Age; {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}}
  48.  
  49. h1.title {-webkit-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; position:fixed; top:0; {block:ifExtraBox}left:195px;{/block:ifExtraBox} {block:ifNotExtraBox}left:160px;{/block:ifNotExtraBox} width:100%; text-shadow:2px 0px 0px {color:Other Text}; color:{color:Accent 1}; font-size:32px;}
  50.  
  51. h1.title:hover {color:{color:Other Text}; text-shadow:2px 0px 0px {color:Accent 1}, -2px 0px 0px {color:Accent 2};}
  52.  
  53. a.x {display:block; height:100%; position:fixed; background:{color:Accent 1}; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); padding:100px 0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); padding:100px 0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; cursor:pointer;}
  54.  
  55. a.x1 {top:-10px; left:0; width:10px;}
  56.  
  57. a.x2 {top:-10px; left:35px; width:10px; opacity:0.8;}
  58.  
  59. a.x3 {top:-10px; left:70px; width:10px; opacity:0.6;}
  60.  
  61. a.x4 {top:-10px; left:105px; width:10px; opacity:0.4;}
  62.  
  63. {block:ifExtraBox}
  64. a.x5 {top:-10px; left:140px; width:10px; opacity:0.2;}
  65. {/block:ifExtraBox}
  66.  
  67. a.x:hover {background:{color:Accent 2};}
  68.  
  69. div.hover {position:fixed; bottom:25px; left:10px; height:auto; width:auto; color:{color:Post BG}; padding:6px 8px; letter-spacing:1px; text-align:center; z-index:99; font-size:12px; opacity:0.2;}
  70.  
  71. div.hover:hover {opacity:0.7;}
  72.  
  73. #nav {position:absolute; top:20px; left:484px; {block:ifWidePosts}width:536px;{/block:ifWidePosts}{block:ifNotWidePosts}width:436px;{/block:ifNotWidePosts} text-align:center; z-index:99;}
  74.  
  75. #nav a {padding:5px 5px 0 5px; color:{color:Other Text}; margin:0 10px;}
  76.  
  77. #nav a:hover {text-shadow:2px 0px 0px {color:Accent 1};}
  78.  
  79. div.info {position:absolute; top:50px; left:485px; height:190px; overflow:auto; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} padding:15px; font-size:0.85em; background:{color:Post BG}; display:none; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); outline:solid 1px {color:Accent 1}; z-index:98; color:{color:Post Text};}
  80.  
  81. div.desc, div.navi {display:block;}
  82.  
  83. div.navi div {display:inline-block;}
  84.  
  85. div.navi {text-align:center;}
  86.  
  87. div.navi a {display:inline-block; height:auto; {block:ifWidePosts}width:248px;{/block:ifWidePosts}{block:ifNotWidePosts}width:198px;{/block:ifNotWidePosts} text-align:center; text-transform:uppercase; margin-bottom:4px; color:{color:Post BG}; background:{color:Accent 1}; padding:4px 0;}
  88.  
  89. div.navi a:nth-of-type(even) {margin-right:-4px;}
  90.  
  91. div.navi a:hover {background:{color:Accent 2};}
  92.  
  93. div.upd h3 {text-align:center; border-bottom:solid 1px {color:Accent 1};}
  94.  
  95. /*----POSTS----*/
  96.  
  97. #posts {position:absolute; top:270px; left:485px; font-size:0.85em; color:{color:Post Text}; padding-bottom:50px; {block:ifWidePosts}width:536px;{/block:ifWidePosts}{block:ifNotWidePosts}width:436px;{/block:ifNotWidePosts}}
  98.  
  99. #entry {padding:15px; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} height:auto; background:{color:Post BG}; outline:solid 1px {color:Accent 1}; margin-top:25px; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); position:relative;}
  100.  
  101. #entry * {max-width:100%;}
  102.  
  103. #posts h2 {text-align:center; margin-top:0; padding:5px;}
  104.  
  105. #entry table {{block:ifWidePosts}max-width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}max-width:400px;{/block:ifNotWidePosts}}
  106.  
  107. blockquote {border-left:solid 1px {color:Accent 1}; padding-left:15px; margin-left:15px; margin-top:-10px;}
  108.  
  109. /*----CHAT POSTS----*/
  110.  
  111. ul.chat {padding-left:15px; list-style-type:none;}
  112.  
  113. ul.chat li {margin:5px 0;}
  114.  
  115. ul.chat li.odd b {color:{color:Accent 1};}
  116.  
  117. ul.chat li.even b {color:{color:Accent 2};}
  118.  
  119. /*----LINK POSTS----*/
  120.  
  121. a.link h2 {word-break:break-all;}
  122.  
  123. a.link h2:after {content:' ❯'; color:{color:Accent 1};}
  124.  
  125. /*----AUDIO POSTS----*/
  126.  
  127. .audio {float:left;}
  128.  
  129. .audio img {height:80px; width:80px; padding:5px; display:block;}
  130.  
  131. .aud {height:28px; width:28px; overflow:hidden; margin:-60px 0 31px 31px; opacity:0.6;}
  132.  
  133. .audio:hover .aud {opacity:1;}
  134.  
  135. .audin {float:left; height:70px; {block:ifWidePosts}width:385px;{/block:ifWidePosts}{block:ifNotWidePosts}width:285px;{/block:ifNotWidePosts} padding:10px; margin-bottom:15px;}
  136.  
  137. /*----QUOTE POSTS----*/
  138.  
  139. h2.short {font-size:1.25em;}
  140.  
  141. h2.medium, h2.long {text-align:left; text-transform:none;}
  142.  
  143. h2.long {font-size:1.15em;}
  144.  
  145. /*----ASK POSTS----*/
  146.  
  147. div.ask {padding:10px; background:rgba({RGBcolor:Post Text},0.1); position:relative;}
  148.  
  149. div.answer {padding:10px; background:rgba({RGBcolor:Post Text},0.05); position:relative;}
  150.  
  151. div.ask:after {content:''; width:0; height:0; border-style:solid; border-width:30px 30px 0 0; border-color:rgba({RGBcolor:Post Text},0.1) transparent transparent transparent; line-height:0px; _border-color:rgba({RGBcolor:Post Text},0.1) #000000 #000000 #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; bottom:-30px; left:30px;}
  152.  
  153. div.answer.yep:before {content:''; width:0; height:0; border-style:solid; border-width:0 0 30px 30px; border-color:transparent transparent rgba({RGBcolor:Post Text},0.05) transparent; line-height:0px; _border-color:#000000 #000000 rgba({RGBcolor:Post Text},0.05) #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; top:-30px; right:30px;}
  154.  
  155. div.answer span {float:right;}
  156.  
  157. img.askimg {margin-top:6px; margin-bottom:4px;}
  158.  
  159. img.ansimg {margin-top:6px; float:right;}
  160.  
  161. /*--------*/
  162.  
  163. /*----PERMALINK----*/
  164.  
  165. #perm {height:auto; {block:ifWidePosts}width:528px;{/block:ifWidePosts}{block:ifNotWidePosts}width:428px;{/block:ifNotWidePosts} background:{color:Post BG}; display:inline-block; outline:solid 1px {color:Accent 1}; padding:0 1px; position:relative; z-index:9; margin-top:-1px; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5);}
  166.  
  167. #perm a {display:block; height:10px; width:100%; background:{color:Accent 1}; cursor:pointer; margin:1px 0;}
  168.  
  169. #perm a.vs {{block:ifWidePosts}width:264px;{/block:ifWidePosts}{block:ifNotWidePosts}width:214px;{/block:ifNotWidePosts} display:inline-block; margin-right:-4px; margin-top:-1px;}
  170.  
  171. #perm a:hover {background:{color:Accent 2};}
  172.  
  173. #perm a:nth-of-type(1) {opacity:0.25;}
  174. #perm a:nth-of-type(2) {opacity:0.5;}
  175. #perm a:nth-of-type(3) {opacity:0.75;}
  176.  
  177. div.tags {height:auto; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} padding:5px 15px; background:{color:Post BG}; display:inline-block; outline:solid 1px {color:Accent 1}; -webkit-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); -moz-box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); box-shadow: 3px 3px 0px 0px rgba({RGBcolor:Accent 2},0.5); font-size:0.85em;}
  178.  
  179. div.tags a {margin:0 5px;}
  180.  
  181. {block:PermalinkPage}
  182. #perm.rb a:nth-of-type(3) {{block:ifWidePosts}width:263px;{/block:ifWidePosts}{block:ifNotWidePosts}width:213px;{/block:ifNotWidePosts} margin-right:-3px;}
  183. #perm.rb a.vs {opacity:0.75;}
  184. #perm.rb a:nth-of-type(5) {margin-top:-5px}
  185. {/block:PermalinkPage}
  186.  
  187. /*--------*/
  188.  
  189. /*----NOTES----*/
  190.  
  191. ol.notes {padding:15px 0; list-style-type:none; font-size:0.95em; color:{color:Other Text};}
  192.  
  193. ol.notes li {margin:15px;}
  194.  
  195. img.avatar {margin-right:15px; vertical-align:middle;}
  196.  
  197. ol.notes li blockquote {margin-top:10px; margin-left:7px;}
  198.  
  199. /*--------*/
  200.  
  201. #pg {text-align:center; margin:25px 0;}
  202.  
  203. #pg a {font-family:Atomic Age; font-size:32px; margin:0 25px; color:{color:Other Text};}
  204.  
  205. #pg a:hover {text-shadow:2px 1px 0px {color:Accent 1};}
  206.  
  207. a.btt {display:none; position:fixed; left:0; bottom:75px; width:175px; text-align:center; height:auto; font-family:Atomic Age; letter-spacing:2px; font-size:1.1em;}
  208.  
  209. a.cred {background:{color:Accent 1}; color:{color:Other Text}; position:fixed; bottom:5px; right:5px; font-size:13px; font-family:consolas; border:solid 1px {color:Other Text}; padding:4px 6px 2px 6px;}
  210.  
  211. a.cred:hover {background:black; color:white; border-color:white;}
  212.  
  213.  
  214. {CustomCSS}
  215. </style>
  216.  
  217. </head>
  218. <body>
  219. <div id="top" style="position:fixed; top:0; left:0;"></div>
  220.  
  221. <h1 class="title">{Title}</h1>
  222.  
  223. <div class="hover">CLICK ON THE STRIPES!</div>
  224.  
  225. <a class="x x1" title="description"></a>
  226. <a class="x x2" title="askbox"></a>
  227. <a class="x x3" title="navigation"></a>
  228. <a class="x x4" title="updates"></a>
  229. {block:ifExtraBox}
  230. <a class="x x5" title="{text:Extra Box Title}"></a>
  231. {/block:ifExtraBox}
  232.  
  233. <div id="nav">
  234. <a href="/">home</a>
  235. <a href="/archive">archive</a>
  236. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  237. <a href="//syntaxthemes.tumblr.com">theme</a>
  238. </div>
  239.  
  240. <div class="info askb">
  241. <iframe frameborder="0" scrolling="no" width="100%" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden; height:auto; min-height:250px;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  242. </div>
  243.  
  244. <div class="info navi">
  245. <div>
  246. {block:HasPages}{block:Pages}
  247. <a href="{URL}">{Label}</a>
  248. {/block:Pages}{/block:HasPages}
  249. </div>
  250. </div>
  251.  
  252. <div class="info desc">{Description}</div>
  253.  
  254. <div class="info upd">
  255. <h3>UPDATES</h3>
  256. {text:Updates}
  257. </div>
  258.  
  259. {block:ifExtraBox}
  260. <div class="info extra">{text:Extra Box Content}</div>
  261. {/block:ifExtraBox}
  262.  
  263. <!----------------------------------POSTS---------------------------------->
  264.  
  265.  
  266. <div id="posts">
  267.  
  268. {block:Posts}
  269.  
  270. <div id="entry" style="{block:Quote}text-align:center;{/block:Quote}">
  271.  
  272. <!---posts--->
  273. {block:Text}
  274. {block:Title}<h2>{Title}</h2>{/block:Title}
  275. {Body}
  276. {/block:Text}
  277.  
  278. {block:Audio}
  279. <div class="audio">
  280. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  281. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  282. <div class="aud">{AudioPlayerWhite}</div>
  283. </div>
  284. <div class="audin">
  285. {block:TrackName}<b>Track Name</b> {TrackName}<br/>{/block:TrackName}
  286. {block:Artist}<b>Artist</b> {Artist}<br/>{/block:Artist}
  287. {block:Album}<b>Album</b> {Album}<br/>{/block:Album}
  288. {block:PlayCount}<b>Plays</b> {FormattedPlayCount}{/block:PlayCount}
  289. </div>
  290. {block:Caption}{Caption}{/block:Caption}
  291. {/block:Audio}
  292.  
  293. {block:Video}
  294. {block:ifWidePosts}{Video-500}{/block:ifWidePosts}
  295. {block:ifNotWidePosts}{Video-400}{/block:ifNotWidePosts}
  296. {block:Caption}{Caption}{/block:Caption}
  297. {/block:Video}
  298.  
  299. {block:Photo}
  300. {block:ifOpenFullSizeImages}
  301. {LinkOpenTag}
  302. {/block:ifOpenFullSizeImages}
  303. {block:ifWidePosts}<img src="{PhotoURL-500}">{/block:ifWidePosts}
  304. {block:ifNotWidePosts}<img src="{PhotoURL-400}">{/block:ifNotWidePosts}
  305. {block:ifOpenFullSizeImages}
  306. {LinkCloseTag}
  307. {/block:ifOpenFullSizeImages}
  308. {block:Caption}{Caption}{/block:Caption}
  309. {/block:Photo}
  310.  
  311. {block:Photoset}
  312. {block:ifWidePosts}{Photoset-500}{/block:ifWidePosts}
  313. {block:ifNotWidePosts}{Photoset-400}{/block:ifNotWidePosts}
  314. {block:Caption}{Caption}{/block:Caption}
  315. {/block:Photoset}
  316.  
  317. {block:Panorama}
  318. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  319. {block:Caption}{Caption}{/block:Caption}
  320. {/block:Panorama}
  321.  
  322. {block:Quote}
  323. <h2 class="{Length} qu">"{Quote}"</h2>
  324. {block:Source}{Source}{/block:Source}
  325. {/block:Quote}
  326.  
  327. {block:Link}
  328. <a href="{URL}" class="link"><h2>{Name}</h2></a>
  329. {block:Description}{Description}{/block:Description}
  330. {/block:Link}
  331.  
  332. {block:Chat}
  333. {block:Title}<h2>{Title}</h2>{/block:Title}
  334. <ul class="chat">
  335. {block:Lines}
  336. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  337. {/block:Lines}
  338. </ul>
  339. {/block:Chat}
  340.  
  341. {block:Answer}
  342. <div class="ask">{Asker} asked:<br/>{Question}</div>
  343. <img class="askimg" src="{AskerPortraitURL-24}"/>
  344. {block:Answerer}<img class="ansimg" src="{AnswererPortraitURL-24}"/>{/block:Answerer}
  345. <div class="answer {block:Answerer}yep{/block:Answerer}">
  346. {block:Answerer}<span>{Answerer} replied:</span><br/>{/block:Answerer}
  347. {Answer}
  348. </div>
  349.  
  350. {block:Answerer}{Replies}{/block:Answerer}
  351. {/block:Answer}
  352.  
  353. </div><!--entry-->
  354.  
  355. {block:Date}
  356. <div id="perm" {block:RebloggedFrom}class="rb"{/block:RebloggedFrom}>
  357. <a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo}">&nbsp;</a>
  358. <a href="{Permalink}" title="{NoteCountWithLabel}">&nbsp;</a>
  359. {block:PermalinkPage}{block:RebloggedFrom}
  360. <a class="vs" href="{ReblogParentURL}" title="via {ReblogParentName}">&nbsp;</a>
  361. <a class="vs" href="{ReblogRootURL}" title="source: {ReblogRootName}">&nbsp;</a>
  362. {/block:RebloggedFrom}{/block:PermalinkPage}
  363. <a href="{ReblogURL}" title="reblog">&nbsp;</a>
  364. <a {block:PermalinkPage}style="display:none;"{/block:PermalinkPage} {block:HasTags}style="display:none;"{/block:HasTags} title="no tags"></a>
  365.  
  366. {block:HasTags}<a {block:PermalinkPage}style="display:none;"{/block:PermalinkPage} title="{block:Tags}#{Tag}<br/>{/block:Tags}">&nbsp;</a>{/block:HasTags}
  367. </div>
  368.  
  369. {block:PermalinkPage}{block:HasTags}
  370. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  371. {/block:HasTags}{/block:PermalinkPage}
  372.  
  373. {/block:Date}
  374. {/block:Posts}
  375.  
  376. {block:Pagination}<div id="pg">
  377. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  378. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  379. </div>{/block:Pagination}
  380.  
  381. {block:PermalinkPagination}<div id="pg">
  382. {block:PreviousPost}<a href="{PreviousPost}"><</a>{/block:PreviousPost}
  383. {block:NextPost}<a href="{NextPost}">></a>{/block:NextPost}
  384. </div>{/block:PermalinkPagination}
  385.  
  386. {block:PostNotes}
  387. {PostNotes}
  388. {/block:PostNotes}
  389.  
  390. </div><!--posts-->
  391.  
  392. {block:ifBackToTopButton}<a class="btt" href="#">BACK<br/>TO TOP?</a>{/block:ifBackToTopButton}
  393.  
  394. </body>
  395. </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!