API tools faq
paste
Advertisement
shotforthesky

Theme #012

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