API tools faq
paste
Advertisement
shotforthesky

Tumblr Theme 009

shotforthesky
May 26th, 2012
1,301
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.47 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. -->
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Tenor+Sans' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Ledger' rel='stylesheet' type='text/css'>
  11.  
  12. <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>
  13.  
  14. <meta name="color:Background" content="#0e0c08"/>
  15. <meta name="color:Title" content="#949494"/>
  16. <meta name="color:Text" content="#8e7b68"/>
  17. <meta name="color:Link" content="#d3ae8e"/>
  18. <meta name="color:Hover" content="#bd997a"/>
  19. <meta name="color:NLink" content="#0e0c08"/>
  20. <meta name="color:NHover" content="#14120d"/>
  21. <meta name="color:TPost" content="#504737"/>
  22. <meta name="color:Sidebar" content="#12100b"/>
  23. <meta name="color:Description" content="#b19571"/>
  24. <meta name="color:Entries" content="#12100b"/>
  25. <meta name="color:Border" content="#12100b"/>
  26. <meta name="color:Strong" content="#7a6957"/>
  27. <meta name="color:Selection" content="#090808"/>
  28. <meta name="color:BG Selection" content="#ffffff"/>
  29. <meta name="color:TBar" content="#0e0c08"/>
  30. <meta name="color:Pagination" content="#0e0c08"/>
  31. <meta name="color:Infos" content="#b1772a"/>
  32. <meta name="color:Tags" content="#FFB050"/>
  33. <meta name="color:Icon" content="#12100b"/>
  34.  
  35. <meta name="font:Body" content="Georgia"/>
  36. <meta name="font:Title" content="Georgia"/>
  37. <meta name="font:Description" content="Georgia"/>
  38.  
  39. <meta name="image:Background" content=""/>
  40. <meta name="image:Side1" content="http://dl.dropbox.com/u/38384326/Stars/Blank.png"/>
  41. <meta name="image:Side2" content="http://dl.dropbox.com/u/38384326/Stars/Blank.png"/>
  42. <meta name="image:Side3" content="http://dl.dropbox.com/u/38384326/Stars/Blank.png"/>
  43.  
  44. <meta name="if:Infinite Scrolling" content="0"/>
  45.  
  46. <meta name="text:Link 1" content="/"/>
  47. <meta name="text:Link 1 Title" content="Link 1"/>
  48. <meta name="text:Link 2" content="/"/>
  49. <meta name="text:Link 2 Title" content="Link 2"/>
  50. <meta name="text:Link 3" content="/"/>
  51. <meta name="text:Link 3 Title" content="Link 3"/>
  52. <meta name="text:Link 4" content="/"/>
  53. <meta name="text:Link 4 Title" content="Link 4"/>
  54. <meta name="text:Link 5" content="/"/>
  55. <meta name="text:Link 5 Title" content="Link 5"/>
  56.  
  57. <title>{Title}</title>
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />
  62. {/block:Description}
  63.  
  64. <style type="text/css">
  65.  
  66. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 15px;}
  67.  
  68. body {
  69. background-color:{color:Background};
  70. background-image: url({image:Background});
  71. background-attachment:fixed;
  72. color:{color:Text};
  73. font-family:{font:Body};
  74. font-size:12px;
  75. }
  76.  
  77. a:link, a:active, a:visited {
  78. color:{color:Link};
  79. text-decoration:none;
  80. transition: all 0.4s ease-out;
  81. -o-transition-transition: all 0.4s ease-out;
  82. -webkit-transition: all 0.4s ease-out;
  83. -moz-transition: all 0.4s ease-out;
  84. }
  85. a:hover {
  86. color:{color:Hover};
  87. transition: all 0.4s ease-out;
  88. -o-transition-transition: all 0.4s ease-out;
  89. -webkit-transition: all 0.4s ease-out;
  90. -moz-transition: all 0.4s ease-out;
  91. }
  92.  
  93. #entries {
  94. width:521px;
  95. margin-left:450px;
  96. margin-top:15px;
  97. }
  98.  
  99. #posts {
  100. background-color:{color:Entries};
  101. padding:10px;
  102. }
  103.  
  104. #title {
  105. width:398px;
  106. margin-left:1px;
  107. background-color:{color:TBar};
  108. font-size:15px;
  109. text-align:center;
  110. letter-spacing:2px;
  111. color:{color:Title};
  112. font-family:"Tenor Sans", sans-serif;
  113. text-transform:uppercase;
  114. }
  115.  
  116. #sidebar {
  117. width:400px;
  118. height:auto;
  119. margin-top:50px;
  120. margin-left:50px;
  121. background-color:{color:Sidebar};
  122. margin:5px;
  123. padding:5px;
  124. position:fixed;
  125. }
  126.  
  127. #pics {
  128. width:130px;
  129. height:130px;
  130. margin:2px;
  131. text-align:center;
  132. margin-bottom:2px;
  133. }
  134.  
  135. #bar {
  136. margin-top:2px;
  137. background-color:{color:Sidebar};
  138. height:auto;
  139. width:398px;
  140. height:auto;
  141. color:{color:Text};
  142. text-align:center;
  143. }
  144.  
  145. #link {
  146. width:398px;
  147. text-align:center;
  148. margin-right:10px;
  149. margin-left:-10px;
  150. margin-bottom:5px;
  151. font-body:{font:Body}
  152. }
  153.  
  154. .link a{
  155. margin-left:50px;
  156. text-transform:uppercase;
  157. width:130px;
  158. color:{color:Link};
  159. font-size:10px;
  160. letter-spacing:1px;
  161. transition: all 0.4s ease-out;
  162. -o-transition-transition: all 0.4s ease-out;
  163. -webkit-transition: all 0.4s ease-out;
  164. -moz-transition: all 0.4s ease-out;
  165. }
  166.  
  167. .link a:hover {
  168. color:{color:Hover};
  169. transition: all 0.4s ease-out;
  170. -o-transition-transition: all 0.4s ease-out;
  171. -webkit-transition: all 0.4s ease-out;
  172. -moz-transition: all 0.4s ease-out;
  173. }
  174.  
  175. #links {
  176. width:375px;
  177. heigh:auto;
  178. padding:13px;
  179. text-align:center;
  180. background-color: {color:NLink}
  181. }
  182.  
  183. .links a{
  184. width:400px;
  185. padding:13px;
  186. color:{color:Link};
  187. font-size:9px;
  188. text-align:center;
  189. font-family:"Tenor Sans", sans-serif;
  190. height:20px;
  191. transition: all 0.4s ease-out;
  192. -o-transition-transition: all 0.4s ease-out;
  193. -webkit-transition: all 0.4s ease-out;
  194. -moz-transition: all 0.4s ease-out;
  195. }
  196.  
  197. .links a:hover{
  198. background-color:{color:NHover};
  199. color:{color:Hover};
  200. transition: all 0.4s ease-out;
  201. -o-transition-transition: all 0.4s ease-out;
  202. -webkit-transition: all 0.4s ease-out;
  203. -moz-transition: all 0.4s ease-out;
  204. }
  205.  
  206. h1 {
  207. color:{color:TPost};
  208. text-align:center;
  209. font-family:{font:Title};
  210. font-size:17px;
  211. letter-spacing:1px;
  212. font-weight:normal;
  213. margin:5px;
  214. padding:0px;
  215. text-transform:none;
  216. transition: all 0.4s ease-out;
  217. -o-transition-transition: all 0.4s ease-out;
  218. -webkit-transition: all 0.4s ease-out;
  219. -moz-transition: all 0.4s ease-out;
  220. }
  221. h1:hover {
  222. color:{color:Hover};
  223. transition: all 0.4s ease-out;
  224. -o-transition-transition: all 0.4s ease-out;
  225. -webkit-transition: all 0.4s ease-out;
  226. -moz-transition: all 0.4s ease-out;
  227. }
  228. h2 {
  229. color:{color:Text};
  230. font-family:{font:Body};
  231. font-size:13px;
  232. line-height:14px;
  233. font-weight:normal;
  234. font-style:italic;
  235. text-align:left;
  236. text-transform:none;
  237. }
  238.  
  239. #pagination {
  240. width:400px;
  241. background-color:{color:Pagination};
  242. font-family:"Ledger", serif;
  243. font-size:15px;
  244. letter-spacing:2px;
  245. text-transform:uppercase;
  246. text-align:center;
  247. margin-top:5px;
  248. margin-bottom:1px;
  249. }
  250.  
  251. #description {
  252. color:{color:Description};
  253. font-family:{font:Description};
  254. font-size:10px;
  255. }
  256.  
  257. #scatola {
  258. position:relative;
  259. background-color:{color:Background};
  260. width:488px;
  261. padding:6px;
  262. text-align:center;
  263. }
  264.  
  265. #tags {
  266. font-size:8px;
  267. font-family: Arial;
  268. color:{color:Tags};
  269. text-transform: uppercase;
  270. margin:2px;
  271. }
  272.  
  273. #icons {
  274. margin-left:1100px;
  275. margin-top:126px;
  276. position:fixed;
  277. }
  278. .icons a{
  279. opacity: 0.5;
  280. }
  281. .icons a:hover{
  282. opacity:1;
  283. }
  284.  
  285. #corona {
  286. background-color:none;
  287. border-left: 1px solid {color:Border};
  288. height:150px;
  289. width:200px;
  290. margin-top:80px;
  291. margin-left:1000px;
  292. text-align:center;
  293. position:fixed;
  294. }
  295.  
  296. #icon {
  297. border-color: {color:Icon};
  298. border: 10px solid;
  299. height:48px;
  300. width:48px;
  301. margin-top:40px;
  302. margin-left:20px;
  303. position:fixed;
  304. color:{color:Icon};
  305. }
  306.  
  307. #credits {
  308. opacity:.2;
  309. width:70px;
  310. border:2px solid {color:Background};
  311. font-family:Georgia;
  312. text-transform:capitalize;
  313. color:{color:Text};
  314. font-size:9px;
  315. position:fixed;
  316. margin-top:185px;
  317. margin-left:1007px;
  318. padding:10px;
  319. transition: all 0.6s ease-out;
  320. -o-transition-transition: all 0.6s ease-out;
  321. -webkit-transition: all 0.6s ease-out;
  322. -moz-transition: all 0.6s ease-out;
  323. -webkit-border-radius: 16px;
  324. -moz-border-radius:16px;
  325. border-radius: 16px;
  326. }
  327. #credits:hover {
  328. opacity:.8;
  329. width:70px;
  330. position:fixed;
  331. transition: all 0.6s ease-out;
  332. -o-transition-transition: all 0.6s ease-out;
  333. -webkit-transition: all 0.6s ease-out;
  334. -moz-transition: all 0.6s ease-out;
  335. -webkit-border-radius: 16px;
  336. -moz-border-radius:16px;
  337. border-radius: 16px;
  338. }
  339.  
  340. #answer {
  341. margin:15px;
  342. margin-top:10px;
  343. }
  344.  
  345. #question {
  346. font:13px arial;
  347. letter-spacing:0px;
  348. margin-left:5px;
  349. }
  350. #asker a {
  351. color: {color:Link};
  352. }
  353. #asker img {
  354. float:left;
  355. margin:10px;
  356. }
  357.  
  358. blockquote {
  359. border-left:2px {color:Body} solid;
  360. padding-left:5px;
  361. margin:0px 2px 0px 10px;
  362. }
  363. blockquote img, blockquote a img {max-width: 390px}
  364.  
  365. b, strong {
  366. color:{color:Strong};
  367. }
  368. i, em {
  369. color:{color:Text};
  370. }
  371. p {
  372. margin-top:3px;
  373. margin-bottom:3px;
  374. }
  375.  
  376. img a {border:none}
  377.  
  378. #audiocontainer{
  379. width:500px;
  380. background-color:transparent;
  381. height:100px;
  382. }
  383.  
  384. #audioplayercontainer{
  385. opacity:0.5;
  386. width:40px;
  387. height:40px;
  388. background-color:#ffffff;
  389. top:30px;
  390. left:30px;
  391. position:absolute;
  392. z-index:500;
  393. -webkit-border-radius: 50px;
  394. -moz-border-radius: 50px;
  395. border-radius: 50px;
  396. -webkit-transition: all 0.4s ease-in-out;
  397. -moz-transition: all 0.4s ease-in-out;
  398. -o-transition: all 0.4s ease-in-out;
  399. transition: all 0.4s ease-in-out;
  400. }
  401.  
  402. #audioplayercontainer:hover{
  403. opacity:1;
  404. -webkit-transition: all 0.4s ease-in-out;
  405. -moz-transition: all 0.4s ease-in-out;
  406. -o-transition: all 0.4s ease-in-out;
  407. transition: all 0.4s ease-in-out;
  408. padding:5px;
  409. margin-top:-5px;
  410. margin-left:-5px;
  411. }
  412.  
  413. #audioplayer{
  414. width:20px;
  415. height:25px;
  416. overflow:hidden;
  417. margin: 7px 0px 0px 7px;
  418. background-color:#ffffff;
  419. }
  420.  
  421. .audio{
  422. width:40px;
  423. height:40px;
  424. position:absolute;
  425. }
  426.  
  427. .audioimage{
  428. width:90px;
  429. height:90px;
  430. position:absolute;
  431. padding:5px;
  432. background-color:{color:Border};
  433. -webkit-transition: all 0.6s ease-in-out;
  434. -moz-transition: all 0.6s ease-in-out;
  435. -o-transition: all 0.6s ease-in-out;
  436. transition: all 0.6s ease-in-out;
  437. }
  438.  
  439. .audioimage img{
  440. width:90px;
  441. float:left;
  442. -webkit-transition: all 0.6s ease-in-out;
  443. -moz-transition: all 0.6s ease-in-out;
  444. -o-transition: all 0.6s ease-in-out;
  445. transition: all 0.6s ease-in-out;
  446. }
  447.  
  448. #audiocontainer table{
  449. float:right;
  450. margin-top:-2px;
  451. width:430px;
  452. }
  453.  
  454. .audioinfo{
  455. font-size:10px;
  456. padding:1px 7px 1px 35px;
  457. background-color:none;
  458. -webkit-transition: all 0.5s ease-in-out;
  459. -moz-transition: all 0.5s ease-in-out;
  460. -o-transition: all 0.5s ease-in-out;
  461. transition: all 0.5s ease-in-out;
  462. }
  463.  
  464. .chat .line{
  465. padding:3px 5px 3px 5px;
  466. margin-bottom:1px;
  467. background-color:{color:Chat 1};
  468. }
  469. .chat .line.odd{
  470. padding:3px 5px 3px 5px;
  471. margin-bottom:1px;
  472. background-color:{color:Chat 2};
  473. }
  474.  
  475. .notes img {
  476. width:10px;
  477. position:relative;
  478. top:1px;
  479. }
  480. ol.notes, .notes li {
  481. list-style:none;
  482. margin:0px;
  483. padding:0px;
  484. }
  485. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  486. background-color:transparent!important;
  487. }
  488.  
  489. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Border}; height:50px;}
  490. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Border}; height:10px!important;}
  491. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  492. ::-moz-selection {background-color:transparent; color:{color:Selection};}
  493. ::selection {background-color:{color:BG Selection}; color:{color:Selection};}
  494.  
  495. </style>
  496. <style type="text/css">{CustomCSS}</style>
  497.  
  498. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  499.  
  500. </head>
  501.  
  502. <body>
  503.  
  504. <div id="corona"><div id="icon"><img src="{PortraitURL-48}" class="imdava"></div></div>
  505.  
  506. <div id="sidebar">
  507. <div id="link"><div class="link"><a href="/">Home</a> <a href="/ask">{AskLabel}</a> <a href="/archive">Archive</a></div></div>
  508. <table width="398px" cellpadding="0px" cellspacing="0px">
  509. <tr>
  510. <td><div id="pics"><img src="{image:Side1}" width="130" height="130"/></div></td>
  511. <td><div id="pics"><img src="{image:Side2}" width="130" height="130"/></div></td>
  512. <td><div id="pics"><img src="{image:Side3}" width="130" height="130"/></div></td>
  513. </tr></table>
  514. <div id="title">{Title}</div>
  515. <div id="bar"><div id="description">{Description}</div></div>
  516. <div id="links"><div class="links">
  517. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  518. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  519. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  520. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  521. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  522. </div></div>
  523. {block:ifNotInfiniteScrolling}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"> prev </a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> next </a></a>{/block:NextPage}
  524. </div>{/block:ifNotInfiniteScrolling}</div>
  525.  
  526. <div id="credits">theme by <a href="http://thearmyinside.tumblr.com/tagged/themes">Mimì</a></div>
  527.  
  528. <div id="entries">
  529. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  530. {block:Posts}
  531. <div id="posts">
  532. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  533. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  534. {block:Text}{Body}{/block:Text}
  535.  
  536. {block:ContentSource}
  537. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  538. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  539. {/block:SourceLogo}
  540. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  541. {/block:ContentSource}
  542.  
  543. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  544. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  545.  
  546. <p style="margin-top:5px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  547. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
  548.  
  549. {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}
  550.  
  551. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  552.  
  553. {block:Answer}
  554. <div id="question"> <img src="{AskerPortraitURL-40}" border="5" style=" float: left; margin:2px; border-color:{color:Border};" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
  555. <div id="answer">{Answer}</div>{/block:Answer}
  556.  
  557. {block:Audio}<div id="audiocontainer">
  558. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  559. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  560. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  561. <table cellpadding="0" cellspacing="1px">
  562. <br>
  563. <tr>
  564. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  565. </tr>
  566. {block:Album}
  567. <tr>
  568. <td class="audioinfo"><b>Album:</b> {Album}</td>
  569. </tr>
  570. {/block:Album}
  571. <tr>
  572. <td class="audioinfo">{PlayCountWithLabel}</td>
  573. </tr>
  574. </table>
  575. </div>
  576. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  577.  
  578. {block:Date}<div id="scatola"><div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>&nbsp -&nbsp <a style="" href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom}&nbsp -&nbsp <a style="" href="{ReblogParentURL}" title="{ReblogParentName}" >via</a>&nbsp -&nbsp <a style="" href="{ReblogRootURL}" title="{ReblogRootName}" >original</a> {/block:RebloggedFrom} <br>{block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>{/block:Date}</div><br>
  579.  
  580. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  581. {block:PostNotes}{PostNotes}{/block:PostNotes}
  582. </div>
  583.  
  584. </body>
  585. </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!