API tools faq
paste
Advertisement
shotforthesky

Tumblr Theme #011

shotforthesky
May 5th, 2012
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 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. <!--
  3. theme by Mimì @ fireworkprodz.deviantart.com
  4. -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <html>
  9. <head>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://dl.dropbox.com/u/38384326/Stars/BackToTop%20White.png" width="50px" height="40px" border="0"></a>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  14.  
  15. <meta name="color:Background" content="#0e0c08"/>
  16. <meta name="color:Sidebar" content="#12100b"/>
  17. <meta name="color:Border" content="#25231d"/>
  18. <meta name="color:Text" content="#8e7b68"/>
  19. <meta name="color:Title" content="#949494"/>
  20. <meta name="color:Entry" content=""/>
  21. <meta name="color:Link" content="#d3ae8e"/>
  22. <meta name="color:Hover" content="#bd997a"/>
  23. <meta name="color:nlink" content=""/>
  24. <meta name="color:nhover" content=""/>
  25. <meta name="color:Strong" content="#090808"/>
  26. <meta name="color:Selection" content="#ffffff"/>
  27.  
  28. <meta name="font:Body" content="Georgia"/>
  29. <meta name="font:Title" content="Georgia"/>
  30.  
  31. <meta name="image:Background" content=""/>
  32.  
  33. <meta name="if:Infinite Scrolling" content=""/>
  34.  
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 2 Title" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 3 Title" content="" />
  41. <meta name="text:Link 4" content="" />
  42. <meta name="text:Link 4 Title" content="" />
  43. <meta name="text:Link 5" content="" />
  44. <meta name="text:Link 5 Title" content="" />
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  47. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  48. <script type="text/javascript">
  49. $(document).ready(function(){
  50. $(".description").hide();
  51. $(".plus").click(function(){
  52. $('.description').slideToggle("slow");
  53. return true;
  54. });
  55. });
  56. </script>
  57.  
  58. <title>{Title}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
  66.  
  67. <style type="text/css">
  68.  
  69. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 15px;}
  70.  
  71. body {
  72. background-color:{color:Background};
  73. background-image:url ({image:Background});
  74. background-attachment:fixed;
  75. color:{color:text};
  76. font-family:{font:Body};
  77. font-size:10px;
  78. margin:0px;
  79. }
  80.  
  81. a:link, a:active, a:visited {
  82. color:{color:Link};
  83. text-decoration:none;
  84. transition: all 0.4s ease-out;
  85. -o-transition-transition: all 0.4s ease-out;
  86. -webkit-transition: all 0.4s ease-out;
  87. -moz-transition: all 0.4s ease-out;
  88. }
  89. a:hover {
  90. color:{color:Hover};
  91. transition: all 0.4s ease-out;
  92. -o-transition-transition: all 0.4s ease-out;
  93. -webkit-transition: all 0.4s ease-out;
  94. -moz-transition: all 0.4s ease-out;
  95. }
  96.  
  97. #entries {
  98. margin-left: 380px;
  99. margin-top: 20px;
  100. width: 500px;
  101. margin-bottom:10px;
  102. }
  103.  
  104. #posts {
  105. padding-top: 30px;
  106. margin-bottom: 20px;
  107. }
  108.  
  109. #box {
  110. background-color:none;
  111. width:500px;
  112. height:auto;
  113. margin-bottom:10px;
  114. }
  115.  
  116. #title {
  117. font-size:17px;
  118. text-align:center;
  119. letter-spacing:3px;
  120. color: {color:Title};
  121. font-family: "Great Vibes", cursive;
  122. text-transform:lowercase;
  123. line-height:110%
  124. }
  125.  
  126. #sidebar {
  127. background-color:{color:Background};
  128. width:102%;
  129. margin-left: 0px;
  130. margin-top: 0px;
  131. height:auto;
  132. line-height:110%;
  133. position:fixed;
  134. padding:4px;
  135. }
  136.  
  137. #pagination {
  138. margin-top: 300px;
  139. margin-left:200px;
  140. float:right;
  141. font-family:georgia;
  142. text-align:center;
  143. font-size:15px;
  144. position:fixed;
  145. }
  146.  
  147. h1 {
  148. color:{color:Title};
  149. text-align:center;
  150. font-family:{font:Title};
  151. font-size:17px;
  152. letter-spacing:1px;
  153. font-weight:normal;
  154. margin:5px;
  155. padding:0px;
  156. text-transform:none;
  157. }
  158. h2 {
  159. color:{color:Font};
  160. font-family:{font:Body};
  161. font-size:13px;
  162. line-height:14px;
  163. font-weight:normal;
  164. font-style:italic;
  165. text-align:left;
  166. text-transform:none;
  167. }
  168.  
  169. .links_list {
  170. margin:10px;
  171. padding:0px;
  172. width:100%;
  173. text-align:center;
  174. }
  175.  
  176. .links_body a{
  177. padding:6px;
  178. background:{color:nlink};
  179. color:{color:Link};
  180. opacity:.5;
  181. letter-spacing:2px;
  182. font-family: sans-serif;
  183. text-align:center;
  184. height:50px;
  185. width:150px;
  186. font-size:8px;
  187. text-transform:uppercase;
  188. -webkit-transition: all 0.3s ease;
  189. -moz-transition: all 0.3s ease;
  190. transition: all 0.3s ease;
  191. }
  192.  
  193. .links_body a:hover {
  194. color:{color:Hover};
  195. background-color:{color:nlink};
  196. opacity:1;
  197. text-transform:uppercase;
  198. -webkit-transition: all 0.3s ease;
  199. -moz-transition: all 0.3s ease;
  200. transition: all 0.3s ease;
  201. }
  202.  
  203. .plus{
  204. position: relative;
  205. color: white;
  206. padding: 0px 6px 5px 6px;
  207. cursor:help;
  208. }
  209.  
  210. .description{
  211. color: {color:Font};
  212. text-align:justify;
  213. }
  214.  
  215. #tags {
  216. text-transform: lowercase;
  217. width: 500px;
  218. height:auto;
  219. border-top: 1px dashed {color:Border};
  220. padding-bottom:10px;
  221. }
  222.  
  223. #answer {
  224. margin-top:0px;
  225. }
  226.  
  227. #question {
  228. font:13px arial;
  229. letter-spacing:0px;
  230. }
  231. #asker a {
  232. color: {color:Link};
  233. }
  234. #asker img {
  235. float:left;
  236. margin:10px;
  237. }
  238.  
  239. blockquote {
  240. border-left:2px {color:Body} solid;
  241. padding-left:5px;
  242. margin:0px 2px 0px 10px;
  243. }
  244. blockquote img, blockquote a img {max-width: 390px}
  245.  
  246. b, strong {
  247. color:{color:Strong};
  248. }
  249. i, em {
  250. color:{color:Font};
  251. }
  252. p {
  253. margin-top:3px;
  254. margin-bottom:3px;
  255. }
  256.  
  257. img a {border:none}
  258.  
  259. #audiocontainer{
  260. width:500px;
  261. background-color:transparent;
  262. height:100px;
  263. }
  264.  
  265. #audioplayercontainer{
  266. opacity:0.5;
  267. width:40px;
  268. height:40px;
  269. background-color:#ffffff;
  270. top:30px;
  271. left:30px;
  272. position:absolute;
  273. z-index:500;
  274. -webkit-border-radius: 50px;
  275. -moz-border-radius: 50px;
  276. border-radius: 50px;
  277. -webkit-transition: all 0.4s ease-in-out;
  278. -moz-transition: all 0.4s ease-in-out;
  279. -o-transition: all 0.4s ease-in-out;
  280. transition: all 0.4s ease-in-out;
  281. }
  282.  
  283. #audioplayercontainer:hover{
  284. opacity:1;
  285. -webkit-transition: all 0.4s ease-in-out;
  286. -moz-transition: all 0.4s ease-in-out;
  287. -o-transition: all 0.4s ease-in-out;
  288. transition: all 0.4s ease-in-out;
  289. padding:5px;
  290. margin-top:-5px;
  291. margin-left:-5px;
  292. }
  293.  
  294. #audioplayer{
  295. width:20px;
  296. height:25px;
  297. overflow:hidden;
  298. margin: 7px 0px 0px 7px;
  299. background-color:#ffffff;
  300. }
  301.  
  302. .audio{
  303. width:40px;
  304. height:40px;
  305. position:absolute;
  306. }
  307.  
  308. .audioimage{
  309. width:90px;
  310. height:90px;
  311. position:absolute;
  312. padding:5px;
  313. background-color:{color:Border};
  314. -webkit-transition: all 0.6s ease-in-out;
  315. -moz-transition: all 0.6s ease-in-out;
  316. -o-transition: all 0.6s ease-in-out;
  317. transition: all 0.6s ease-in-out;
  318. }
  319.  
  320. .audioimage img{
  321. width:90px;
  322. float:left;
  323. -webkit-transition: all 0.6s ease-in-out;
  324. -moz-transition: all 0.6s ease-in-out;
  325. -o-transition: all 0.6s ease-in-out;
  326. transition: all 0.6s ease-in-out;
  327. }
  328.  
  329. #audiocontainer table{
  330. float:right;
  331. margin-top:-2px;
  332. width:430px;
  333. }
  334.  
  335. .audioinfo{
  336. font-size:10px;
  337. padding:1px 7px 1px 35px;
  338. background-color:none;
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. -o-transition: all 0.5s ease-in-out;
  342. transition: all 0.5s ease-in-out;
  343. }
  344.  
  345. .user_1 .label {
  346. color:{color:Title};
  347. font-weight:bold;
  348. }
  349. .user_2 .label {
  350. color:{color:Text};
  351. font-weight:bold;
  352. }
  353. ul.chat, .chat ol, .chat li {
  354. list-style:none;
  355. margin:0px;
  356. padding:0px;
  357. }
  358.  
  359. .notes img {
  360. width:10px;
  361. position:relative;
  362. top:1px;
  363. }
  364. ol.notes, .notes li {
  365. list-style:none;
  366. margin:0px;
  367. padding:0px;
  368. }
  369. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  370. background-color:transparent!important;
  371. }
  372.  
  373. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Border}; height:50px;}
  374. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Border}; height:10px!important;}
  375. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  376. ::-moz-selection {background-color:transparent; color:{color:Selection};}
  377. ::selection {background-color:transparent; color:{color:Selection};}
  378.  
  379. </style>
  380. <style type="text/css">{CustomCSS}</style>
  381.  
  382. <script type='text/javascript'>//<![CDATA[
  383. $(window).load(function(){
  384. $(function() {
  385. var a = function() {
  386. var b = $(window).scrollTop();
  387. var d = $("#scroller-anchor").offset({scroll:false}).top;
  388. var c=$("#scroller");
  389. if (b>d) {
  390. c.css({position:"fixed",top:"-10px"})
  391. } else {
  392. if (b<=d) {
  393. c.css({position:"relative",top:""})
  394. }
  395. }
  396. };
  397. $(window).scroll(a);a()
  398. });
  399. });//]]>
  400.  
  401. </script>
  402.  
  403. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  404.  
  405. </head>
  406.  
  407. <body>
  408.  
  409. <div id="sidebar">
  410. <center><div class="links_list">
  411. <div class="links_body">
  412. <a href="/">Home</a>
  413. <a href="/archive">Archive</a>
  414. <a href="/ask">{AskLabel}</a>
  415. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  416. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  417. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  418. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  419. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  420. <a target="_blank" href="http://fireworkprodz.deviantart.com">(C)</a>
  421. </div></div></center>
  422. {block:IndexPage}<center><div class="plus"><div id="title">{Title}</div></div></center>
  423. <div class="description"><center>{Description}</center></div>{/block:IndexPage}</div>
  424. <br>
  425.  
  426. {block:ifNotInfiniteScrolling}<div id="pagination">
  427. {block:PreviousPage}<a href="{PreviousPage}"> prev </a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> next </a></a>{/block:NextPage}
  428. </div>{/block:ifNotInfiniteScrolling}</div>
  429.  
  430. <div id="entries">
  431. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  432. {block:Posts}
  433. <div id="posts">
  434. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  435. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  436. {block:Text}{Body}{/block:Text}
  437.  
  438. {block:ContentSource}
  439. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  440. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  441. {/block:SourceLogo}
  442. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  443. {/block:ContentSource}
  444.  
  445. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  446. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  447.  
  448. <p style="margin-top:5px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  449. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
  450.  
  451. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  452.  
  453. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  454.  
  455. {block:Answer}
  456. <div id="question"> <img src="{AskerPortraitURL-40}" border="0" style=" float: left; margin:2px;" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
  457. <div id="answer">{Answer}</div>{/block:Answer}
  458.  
  459. {block:Audio}<div id="audiocontainer">
  460. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  461. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  462. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  463. <table cellpadding="0" cellspacing="1px">
  464. <br>
  465. <tr>
  466. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  467. </tr>
  468. {block:Album}
  469. <tr>
  470. <td class="audioinfo"><b>Album:</b> {Album}</td>
  471. </tr>
  472. {/block:Album}
  473. <tr>
  474. <td class="audioinfo">{PlayCountWithLabel}</td>
  475. </tr>
  476. </table>
  477. </div>
  478. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  479.  
  480.  
  481. {block:Date}<div id="box"><div id="tags"><div style="float:left;padding:2px;font-style:italic;"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a> - <a style="" href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom} - <a style="" href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> - <a style="" href="{ReblogRootURL}" title="{ReblogRootName}" >original</a> {/block:RebloggedFrom}</div>{block:HasTags}<div style="float:right;width:300px;height:auto;text-align:right;">{block:Tags}+ <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>{/block:Date}<br>
  482.  
  483. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  484. {block:PostNotes}{PostNotes}{/block:PostNotes}
  485. </div>
  486. </div>
  487. </body>
  488. </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!