Advertisement
shotforthesky

Tumblr Theme 008

Apr 22nd, 2012
556
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.77 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. -->
  6.  
  7. <head>
  8. <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>
  9.  
  10. <meta name="color:Background" content=""/>
  11. <meta name="color:Sidebar" content=""/>
  12. <meta name="color:Entry" content=""/>
  13. <meta name="color:Font" content=""/>
  14. <meta name="color:Title" content=""/>
  15. <meta name="color:Link" content=""/>
  16. <meta name="color:Hover" content=""/>
  17. <meta name="color:nlink" content=""/>
  18. <meta name="color:nhover" content=""/>
  19. <meta name="color:Border" content=""/>
  20. <meta name="color:Icon" content=""/>
  21. <meta name="color:Strong" content=""/>
  22.  
  23. <meta name="font:body" content="Georgia"/>
  24. <meta name="font:title" content="Tahoma"/>
  25. <meta name="if:Infinite Scrolling" content=""/>
  26. <meta name="if:Icon" content="0" />
  27.  
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar" content=""/>
  30.  
  31. <meta name="text:Link 1" content=""/>
  32. <meta name="text:Link 1 Title" content=""/>
  33. <meta name="text:Link 2" content=""/>
  34. <meta name="text:Link 2 Title" content=""/>
  35. <meta name="text:Link 3" content=""/>
  36. <meta name="text:Link 3 Title" content=""/>
  37. <meta name="text:Link 4" content=""/>
  38. <meta name="text:Link 4 Title" content=""/>
  39. <meta name="text:Link 5" content=""/>
  40. <meta name="text:Link 5 Title" content=""/>
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  45.  
  46. <style type="text/css">
  47.  
  48. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 15px;}
  49.  
  50. body {
  51. background-color:{color:Background};
  52. background-image:url ({image:Background});
  53. background-attachment:fixed;
  54. color:{color:text};
  55. font-family:{font:body};
  56. font-size:10px;
  57. margin:0px;
  58. }
  59.  
  60. a:link, a:active, a:visited {
  61. color:{color:Link};
  62. text-decoration:none;
  63. transition: all 0.4s ease-out;
  64. -o-transition-transition: all 0.4s ease-out;
  65. -webkit-transition: all 0.4s ease-out;
  66. -moz-transition: all 0.4s ease-out;
  67. }
  68. a:hover {
  69. color:{color:Hover};
  70. transition: all 0.4s ease-out;
  71. -o-transition-transition: all 0.4s ease-out;
  72. -webkit-transition: all 0.4s ease-out;
  73. -moz-transition: all 0.4s ease-out;
  74. }
  75.  
  76. #entries {
  77. margin-left:400px;
  78. margin-top:10px;
  79. width:500px;
  80. }
  81.  
  82. #posts {
  83. padding-top:30px;
  84. margin-bottom:100px;
  85. }
  86.  
  87. #title {
  88. font-size:13px;
  89. text-align:center;
  90. letter-spacing:3px;
  91. color: {color:Title};
  92. font-family: Times New Roman;
  93. text-transform:lowercase;
  94. line-height:110%
  95. }
  96.  
  97. #sidebar {
  98. width:200px;
  99. height:150%;
  100. margin-top:-40px;
  101. background-color:{color:Sidebar};
  102. float:left;
  103. text-align:center;
  104. position:fixed;
  105. border-right: 3px dashed {color:Border};
  106. }
  107.  
  108. #sidebarimg img {
  109. width:198px;
  110. height:auto;
  111. }
  112.  
  113. #icon {
  114. border-color: {color:Icon};
  115. color:{color:Icon};
  116. border:10px solid;
  117. height:48px;
  118. width:48px;
  119. }
  120.  
  121. #bar {
  122. margin-top:100px;
  123. background-color:none;
  124. }
  125.  
  126. #pagination {
  127. font-family:{font:Title};
  128. font-size:10px;
  129. color:{color:Font};
  130. }
  131.  
  132. h1 {
  133. color:{color:Title};
  134. text-align:center;
  135. font-family:{font:title};
  136. font-size:17px;
  137. letter-spacing:1px;
  138. font-weight:normal;
  139. margin:5px;
  140. padding:0px;
  141. text-transform:none;
  142. }
  143. h2 {
  144. color:{color:Font};
  145. font-family:{font:body};
  146. font-size:13px;
  147. line-height:14px;
  148. font-weight:normal;
  149. font-style:italic;
  150. text-align:left;
  151. text-transform:none;
  152. }
  153.  
  154. .links_list {
  155. margin:0px;
  156. padding:0px;
  157. width:190px;
  158. }
  159.  
  160. .links_body a{
  161. height:10px;
  162. display:block;
  163. background:{color:nlink};
  164. color:{color:Link};
  165. opacity:.5;
  166. padding:5px;
  167. margin:1px;
  168. letter-spacing:2px;
  169. font-family: 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. opacity:1;
  183. text-transform:uppercase;
  184. -webkit-transition: all 0.3s ease;
  185. -moz-transition: all 0.3s ease;
  186. transition: all 0.3s ease;
  187. }
  188.  
  189. #info {
  190. text-transform:lowercase;
  191. width:500px;
  192. border-top: 1px dashed {color:Border};
  193. margin-top:5px;
  194. text-align:center;
  195. }
  196.  
  197. #answer {
  198. margin-top:0px;
  199. }
  200.  
  201. #question {
  202. font:13px arial;
  203. letter-spacing:1px;
  204. }
  205.  
  206. #asker a {
  207. color: {color:Link};
  208. }
  209. #asker img {
  210. float:left;
  211. margin:10px;
  212. }
  213.  
  214. blockquote {
  215. border-left:2px {color:Background} solid;
  216. padding-left:5px;
  217. margin: 0px 2px 0px 10px;
  218. }
  219. blockquote img, blockquote a img {max-width: 390px}
  220.  
  221. b, strong {
  222. color:{color:Strong};
  223. }
  224. i,em {
  225. color:{color:Strong};
  226. }
  227. p {
  228. margin-top:3px;
  229. margin-bottom:3px;
  230. }
  231.  
  232. .audio {
  233. background-color:black;
  234. display:block;
  235. }
  236.  
  237. .user_1 .label {
  238. color:{color:Title};
  239. font-weight:bold;
  240. }
  241. .user_2 .label {
  242. color:{color:Strong};
  243. font-weight:bold;
  244. }
  245. ul.chat, .chat ol, .chat li {
  246. list-style:none;
  247. margin:0px;
  248. padding:0px;
  249. }
  250.  
  251. .notes img {
  252. width:10px;
  253. position:relative;
  254. top:1px;
  255. }
  256. ol.notes, .notes li {
  257. list-style:none;
  258. margin:0px;
  259. padding:0px;
  260. }
  261. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  262. background-color:transparent!important;
  263. }
  264.  
  265. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Border}; height:50px;}
  266. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Border}; height:10px!important;}
  267. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  268. ::-moz-selection {background-color:transparent; color:{color:Link};}
  269. ::selection {background-color:transparent; color:{color:link};}
  270.  
  271. </style>
  272. <style type="text/css">{CustomCSS}</style>
  273.  
  274. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  275.  
  276. </head>
  277. <body>
  278.  
  279. <div id="sidebar">
  280. <div id="bar">
  281. <center>{block:ifIcon}<div id="icon"><img src="{PortraitURL-48}" class="imdava"></div>{/block:ifIcon}</center><br>
  282. {block:ifSidebarImage}<div id="sidebarimg"><img src="{image:Sidebar}"/></div>{/block:ifSidebarImage}
  283. <div id="title">{Title}</div>
  284. <div style="padding:5px;">{Description}</div><br>
  285. <center><div class="links_list">
  286. <div class="links_body">
  287. <a href="/">Home</a>
  288. <a href="/ask">{AskLabel}</a>
  289. <a href="/archive">Archive</a>
  290. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  291. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  292. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  293. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  294. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  295. <a target="_blank" href="http://thearmyinside.tumblr.com/tagged/themes">(C)</a>
  296. </div></div></center><br>
  297. {block:ifNotInfiniteScrolling}<div id="pagination"><font size="2">
  298. {block:PreviousPage}<a href="{PreviousPage}">Previous </a> &nbsp; {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> Next</a>{/block:NextPage}
  299. </font></div>{/block:ifNotInfiniteScrolling}</div></div>
  300.  
  301. <div id="entries">
  302. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  303. {block:Posts}
  304. <div id="posts">
  305. {block:Quote}<h2>"{Quote} - {Source}</h2>{/block:Quote}
  306. {block:Title}<h1>{Title} </h1>{/block:Title}
  307. {block:Text}{Body}{/block:Text}
  308.  
  309. {block:ContentSource}
  310. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  311. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  312. {/block:SourceLogo}
  313. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  314. {/block:ContentSource}
  315.  
  316. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
  317. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  318.  
  319. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  320. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  321.  
  322. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  323.  
  324. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  325.  
  326. {block:Answer}<div id="question"><img src="{AskerPortraitURL-40}" border="0" style="float:left; margin:2px;" /> <b>{Asker}</b> asked: <br>{Question}</div><br>
  327. <div id="answer">{Answer}</div>{/block:Answer}
  328.  
  329. <center>{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px;"/>{/block:AlbumArt}<br>
  330. {block:Artist}<strong>Artist:</strong>{Artist}{/block:Artist}<br>
  331. {block:Album}<strong>Album:</strong>{Album}{/block:Album}<br>
  332. {block:TrackName}<strong>Track:</strong>{TrackName}{/block:TrackName}<br>
  333. {PlayCountWithLabel}<br><br>
  334. <div style="width:500px; background-color:none; text-align:center;">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}
  335. {/block:Audio}</center>
  336.  
  337. {block:Date}<div id="info"><div style="float:left; padding: 2px; font-style:italic;"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a> - <a style="" href="{Permalink}">{NoteCount}</a> notes{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:400px; text-align:right;"> {block:Tags}+ <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  338.  
  339. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  340. {block:PostNotes}{PostNotes}{/block:PostNotes}
  341. </div></div>
  342.  
  343. </body>
  344. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement