API tools faq
paste
Advertisement
shotforthesky

Tumblr Theme 007

shotforthesky
Mar 30th, 2012
484
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.37 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. theme by Mimì @ thearmyinside.tumblr.com
  7. -->
  8.  
  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"><strong>Back To Top</strong></a>
  12.  
  13. <meta name="color:Background" content="#FCF2DD"/>
  14. <meta name="color:Sidebar" content="#ECDDB8"/>
  15. <meta name="color:Sbar" content="#ffffff"/>
  16. <meta name="color:Font" content="#000000"/>
  17. <meta name="color:Title" content="#E9967A"/>
  18. <meta name="color:Link" content="#525252"/>
  19. <meta name="color:Hover" content="#000000"/>
  20. <meta name="color:nlink" content="#FCF2DD"/>
  21. <meta name="color:nhover" content="#ECDDB8"/>
  22. <meta name="color:Border and Scrollbar" content="#F0E68C"/>
  23. <meta name="color:Entry" content="#ECDDB8"/>
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="if:Infinite Scrolling" content=""/>
  28.  
  29. <meta name="text:Link One" content=""/>
  30. <meta name="text:Link One Title" content=""/>
  31. <meta name="text:Link Two" content=""/>
  32. <meta name="text:Link Two Title" content=""/>
  33. <meta name="text:Link Three" content=""/>
  34. <meta name="text:Link Three Title" content=""/>
  35. <meta name="text:Link Four" content=""/>
  36. <meta name="text:Link Four Title" content=""/>
  37.  
  38. <title>{title}</title>
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41.  
  42. <style type="text/css">
  43.  
  44. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 25px; left: 265px;}
  45.  
  46. body {
  47. background-color:{color:Background};
  48. background-attachment:fixed;
  49. font-family:Georgia;
  50. font-size:10px;
  51. }
  52.  
  53. a:link, a:active, a:visited {
  54. color:{color:link};
  55. text-decoration:none;
  56. }
  57. a:hover {
  58. color:{color:hover};
  59. -webkit-transition.duration: 0.5s;
  60. -moz-transition-duration:0,5s;
  61. }
  62.  
  63. #entry {
  64. width:510px;
  65. margin-left:450px;
  66. margin-top:0px;
  67. }
  68.  
  69. #posts {
  70. background-color:{color:Entry};
  71. padding:5px;
  72. }
  73.  
  74. #title {
  75. color:{color:Title};
  76. text-align:center;
  77. letter-spacing:1px;
  78. font-family: Georgia;
  79. text-transform:lowercase;
  80. font-style: Georgia;
  81. line-height:110%;
  82. }
  83.  
  84. #sidebar {
  85. width:200px;
  86. height:2000px;
  87. background-color:{color:Sidebar};
  88. float:left;
  89. margin-left:-10px;
  90. margin-top:-10px;
  91. padding:4px;
  92. text-align:center;
  93. position:fixed;
  94. border-right:3px solid {color:Border and Scrollbar};
  95. }
  96.  
  97. #sidebarimg img {
  98. width:105px;
  99. margin-left:-10px;
  100. margin-bottom:2px;
  101. opacity:0.8;
  102. height:auto;
  103. text-align:center;
  104. }
  105.  
  106. #bar {
  107. margin-top:200px;
  108. margin-left:0px;
  109. background-color:none;
  110. }
  111.  
  112. #sbar {
  113. opacity:0;
  114. width:200px;
  115. height:auto;
  116. margin-top:130px;
  117. margin-left:150px;
  118. background-color:{color:Sbar};
  119. padding:6px;
  120. border-right: 3px solid {color:Border and Scrollbar};
  121. border-bottom: 3px solid {color:Border and Scrollbar};
  122. border-top: 3px solid {color:Border and Scrollbar};
  123. text-align:center;
  124. font: 10px Georgia {color:Font};
  125. overflow:hidden;
  126. word-wrap: break-word;
  127. position:fixed;
  128. z-index:10;
  129. -moz-user-select: none;
  130. -webkit-user-select: none;
  131. /* this will work for QtWebKit in future */
  132. -webkit-user-drag: none;
  133. -webkit-transition: all 0.8s ease-in-out;
  134. -moz-transition: all 0.8s ease-in-out;
  135. -o-transition: all 0.8s ease-in-out;
  136. transition: all 0.8s ease-in-out;
  137. }
  138.  
  139. #sbar:hover {
  140. margin-left:200px;
  141. padding:6px;
  142. opacity:1;
  143. position:fixed;
  144. }
  145.  
  146. #icon {
  147. border-color: {color:Border and Scrollbar};
  148. border: 10px solid;
  149. height:48px;
  150. width:48px;
  151. color:{color:Border and Scrollbar};
  152. margin-left:70px;
  153. }
  154.  
  155. .links_list {
  156. margin: 0px;
  157. padding: 0px;
  158. width: 110px;
  159. margin-left: 40px;
  160. }
  161.  
  162. .links_body a{
  163. display:block;
  164. background: {color:nlink};
  165. color: {color:Link};
  166. padding: 10px;
  167. margin: 1px;
  168. letter-spacing: 2px;
  169. font-family:'Yanone Kaffeesatz', sans-serif;
  170. text-align: center;
  171. height:10px;
  172. font-size:7px;
  173. text-transform:uppercase;
  174. -webkit-transition: all 0.3s ease;
  175. -moz-transition: all 0.3s ease;
  176. transition: all 0.3s ease;
  177. }
  178.  
  179. .links_body a:hover{
  180. color:{color:hover};
  181. background-color: {color:nhover};
  182. -webkit-transition: all 0.3s ease;
  183. -moz-transition: all 0.3s ease;
  184. transition: all 0.3s ease;
  185. }
  186.  
  187. #pagination {
  188. font-family:Georgia;
  189. color:{color:Text};
  190. text-align:center;
  191. font-size:12px;
  192. }
  193.  
  194. h1 {
  195. color:{color:Title};
  196. font-family:Arial;
  197. font-style:Italic;
  198. font-size:15px;
  199. line-height:17px;
  200. letter-spacing:0px;
  201. font-weight:normal;
  202. margin:5px;
  203. padding:3px;
  204. text-align:left;
  205. text-transform:lowercase;
  206. }
  207.  
  208. h2 {
  209. color:{color:Title};
  210. font-family:Georgia;
  211. font-size:13px;
  212. line-height:14px;
  213. letter-spacing:0px;
  214. font-weight:normal;
  215. margin:0px;
  216. margin-top:5px;
  217. padding:3px;
  218. margin-bottom:-0px;
  219. font-style:italic;
  220. text-align:left;
  221. text-transform:lowercase;
  222. }
  223.  
  224. #info {
  225. font-family:arial;
  226. font-size:9px;
  227. text-transform:lowercase;
  228. text-align:center
  229. }
  230.  
  231. #box {
  232. position:relative;
  233. color:{color:Text};
  234. background-color:{color:Border and Scrollbar};
  235. width:488px;
  236. padding:6px;
  237. }
  238.  
  239. #answer {
  240. margin-top:0px;
  241. }
  242.  
  243. #question {
  244. font:13px arial;
  245. letter-spacing:0px;
  246. }
  247. #asker a {
  248. color: {color:link};
  249. }
  250. #asker img {
  251. float:left;
  252. margin:10px;
  253. }
  254.  
  255. blockquote {
  256. border-left:2px {color:body} solid;
  257. padding-left:5px;
  258. margin:0px 2px 0px 10px;
  259. }
  260. blockquote img, blockquote a img {max-width: 390px}
  261.  
  262. b, strong {
  263. color:{color:title};
  264. }
  265. i, em {
  266. color:{color:title};
  267. }
  268. p {
  269. margin-top:3px;
  270. margin-bottom:3px;
  271. }
  272.  
  273. .postaudio {
  274.  
  275.  
  276. }
  277.  
  278. .player {
  279.  
  280. width:203px;
  281. float:right;
  282. padding:6px;
  283. }
  284.  
  285. .audioinfo {
  286.  
  287. color:#000000;
  288. padding-top:7px;
  289. line-height: 15px;
  290. font-size:10px;
  291. display:block;
  292. text-align: right;
  293. }
  294.  
  295. .artwork {
  296. width:244px;
  297. height:215px;
  298. margin:0 0 5px -2px;
  299. position:relative;
  300. }
  301.  
  302. .artwork img {
  303. margin:2px 0 0 2px;
  304. }
  305.  
  306. .overlay {
  307. position:absolute;
  308. z-index:10;
  309. top:0;
  310. left:0;
  311. width:244px;
  312. height:215px;
  313. background:url(http://static.tumblr.com/gpln05e/9tIkvvf11/album-overlay.png) no-repeat 0 0;
  314. }
  315.  
  316. .user_1 .label {
  317. color:{color:Title};
  318. font-weight:bold;
  319. }
  320. .user_2 .label {
  321. color:{color:Text};
  322. font-weight:bold;
  323. }
  324. ul.chat, .chat ol, .chat li {
  325. list-style:none;
  326. margin:0px;
  327. padding:0px;
  328. }
  329.  
  330. .notes img {
  331. width:10px;
  332. position:relative;
  333. top:1px;
  334. }
  335. ol.notes, .notes li {
  336. list-style:none;
  337. margin:0px;
  338. padding:0px;
  339. }
  340. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  341. background-color:transparent!important;
  342. }
  343.  
  344. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Border and Scrollbar}; height:50px;}
  345. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Border and Scrollbar}; height:10px!important;}
  346. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  347. ::-moz-selection {background-color:transparent; color:{color:Link};}
  348. ::selection {background-color:transparent; color:{color:link};}
  349.  
  350. </style>
  351. <style type="text/css">{CustomCSS}</style>
  352.  
  353. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  354.  
  355. </head>
  356.  
  357. <body>
  358.  
  359. <div class="body">
  360.  
  361. <div id="sidebar">
  362. <div id="bar">
  363. {block:ifSidebarImage}<div id="sidebarimg">
  364. <img src="{image:Sidebar}"/></div>{/block:ifSidebarImage}
  365. <div class="links_list">
  366. <div class="links_body">
  367. <a href="/">Home</a>
  368. <a href="/archive">Archive</a>
  369. <a href="/ask">Ask me</a>
  370. {block:ifLinkOne}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOne}
  371. {block:ifLinkTwo}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwo}
  372. {block:ifLinkThree}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThree}
  373. {block:ifLinkFour}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFour}
  374. <a target="_blank" href="http://thearmyinside.com/tagged/themes">Theme (c)</a>
  375. </div></div><br>
  376. <br>
  377. {block:ifNotInfiniteScrolling}<div id="pagination">
  378. {block:PreviousPage}<a href="{PreviousPage}"> << </a> &nbsp; {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> >> </a></a>{/block:NextPage}
  379. </div>{/block:ifNotInfiniteScrolling}
  380. </div></div>
  381. <br>
  382.  
  383. <div id="sbar">
  384. <div id="title">
  385. <a href="/"><font size="2"; color="#C4A668"><div style="margin-top:6px;">{Title}</div></font></a></div><br>
  386. <div id="icon"><img src="{PortraitURL-48}" class="imdava"></div>
  387. {block:Description}<div style="margin-top:6px;padding-bottom:6px;">{Description}</div>{/block:Description}
  388. </div>
  389. <br>
  390.  
  391. <div id="entry">
  392.  
  393. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  394.  
  395. {block:Posts}
  396. <div id="posts">
  397. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  398. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  399. {block:Text}{Body}{/block:Text}
  400.  
  401. {block:ContentSource}
  402. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  403. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  404. {/block:SourceLogo}
  405. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  406. {/block:ContentSource}
  407.  
  408. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  409. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  410.  
  411. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  412. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  413.  
  414. {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}
  415.  
  416. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  417.  
  418. {block:Answer}
  419. <div id="question"> <img src="{AskerPortraitURL-40}" border="0" style=" float: left; margin:2px;" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
  420. <div id="answer">{Answer}</div>{/block:Answer}
  421.  
  422. {block:Audio}
  423. <li class="postaudio"> <!-- If You're Down here, you might be looking for the album art, credit goes to the esquire theme for that. http://esquiretheme.tumblr.com/ -->
  424. <div class="player">{AudioPlayerBlack}
  425. <div class="audioinfo">
  426. {block:TrackName}
  427. {TrackName}<br />
  428. {/block:TrackName}
  429. {block:Artist}
  430. {Artist}<br />
  431. {/block:Artist}
  432. {block:Album}
  433. {Album}<br />
  434. {/block:Album}
  435. {FormattedPlayCount} Plays<br />
  436. {block:Source}
  437. {Source}<br />
  438. {/block:Source}
  439. {TimeAgo}
  440. </div>
  441. </div>
  442.  
  443. {block:AlbumArt}
  444.  
  445. <div class="artwork">
  446. <div class="overlay"></div>
  447. <img src="{AlbumArtURL}" width="207" height="207" border="0" alt="Album Art" />
  448. </div>
  449.  
  450.  
  451. {/block:AlbumArt}
  452. </li>
  453. {block:Caption}{Caption}{/block:Caption}
  454.  
  455. {/block:Audio}
  456.  
  457. <div id="box">
  458. <div id="info">{block:Date}<font style="text-transform:capitalize">Posted</font> <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} - <a href="{ReblogURL}" target="_blank" class="details" style="text-transform:capitalize">Reblog</a> {block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentURL}">{ReblogParentName}</a> - originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  459. {/block:RebloggedFrom}<br>{block:HasTags}
  460. {block:Tags}
  461. <a href="{TagURL}">#{Tag}</a>
  462. {/block:Tags}
  463. {/block:HasTags}</div></div></div><br>
  464. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  465. {block:PostNotes}{PostNotes}{/block:PostNotes}
  466. </div>
  467. </div>
  468.  
  469. </body>
  470. </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!