Advertisement
getnakedmiley

Jump Then Fall theme

Sep 2nd, 2012
7,136
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.07 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Jump Then Fall theme by SUNSGODOWN -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FCFCFC">
  12. <meta name="color:sidebar" content="#FFFFFF">
  13. <meta name="color:posts" content="#FFFFFF">
  14. <meta name="color:link" content="#FFD088">
  15. <meta name="color:hover" content="#FFEDED">
  16. <meta name="color:linkbg" content="#FFEDED">
  17. <meta name="color:sidebarlink" content="#FFD088">
  18. <meta name="color:text" content="#DIBFA3">
  19. <meta name="color:infobg" content="#FFEDED">
  20. <meta name="color:scrollbar" content="#D6D5D5">
  21.  
  22. <meta name="image:sbimage" content=""/>
  23.  
  24. <meta name="text:link 1" content="">
  25. <meta name="text:link 1 url" content="/">
  26. <meta name="text:link 2" content="">
  27. <meta name="text:link 2 url" content="/">
  28. <meta name="text:link 3" content="">
  29. <meta name="text:link 3 url" content="/">
  30. <meta name="text:link 4" content="">
  31. <meta name="text:link 4 url" content="/">
  32. <meta name="text:link 5" content="">
  33. <meta name="text:link 5 url" content="/">
  34. <meta name="text:link 6" content="">
  35. <meta name="text:link 6 url" content="/">
  36. <meta name="text:link 7" content="">
  37. <meta name="text:link 7 url" content="/">
  38.  
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. a {
  49. color:{color:link};
  50. text-decoration:none;
  51. -moz-transition-duration:0.5s;
  52. -webkit-transition-duration:0.5s;
  53. -o-transition-duration:0.5s;
  54. }
  55.  
  56. a:hover {
  57. color:{color:hover};
  58. }
  59.  
  60. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:bg}}
  61.  
  62. ::-webkit-scrollbar-corner {background:{color:bg}}
  63.  
  64. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  65.  
  66. ::-webkit-scrollbar-button:horizontal {width: 4px; height: 4px; display: block; background:{color:scrollbar}}
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:bg}; border-bottom: 1px solid {color:bg}}
  69.  
  70. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}}
  71.  
  72.  
  73. @font-face { font-family: "ORATOR"; src: url('http://static.tumblr.com/qlfmldj/zkim9eemu/oratorstd.otf'); }
  74.  
  75. @font-face { font-family: "ILR"; src: url('http://static.tumblr.com/qlfmldj/Idhm9axug/impact_label_reversed.ttf'); }
  76.  
  77. body {
  78. background-color:{color:bg};
  79. }
  80.  
  81.  
  82. h1 {
  83. font-family:calibri;
  84. font-size:10px;
  85. text-align:center;
  86. font-weight:normal;
  87. line-height:120%;
  88. letter-spacing:1px;
  89. text-transform:uppercase;
  90. }
  91.  
  92. h2 {
  93. font-family:georgia;
  94. font-size:15px;
  95. text-align:center;
  96. font-weight:normal;
  97. line-height:120%;
  98. letter-spacing:-0.5px;
  99. font-style:italic;
  100. text-transform:lowercase;
  101. }
  102.  
  103. blockquote {
  104. border-left:4px solid {color:text};
  105. padding-left:5px;
  106. margin:5px;
  107. }
  108.  
  109. #theme {
  110. background-color:{color:bg};
  111. margin-bottom: 5%;
  112. }
  113.  
  114. #sidebar {
  115. background-color:{color:sidebar};
  116. position:fixed;
  117. width:205px;
  118. margin-left:150px;
  119. margin-top:70px;
  120. font-family:calibri;
  121. font-size:10px;
  122. text-align:center;
  123. line-height:90%;
  124. height:auto;
  125. color:{color:text};
  126. }
  127.  
  128.  
  129. .desc {
  130. max-width:185px;
  131. font-size:9px;
  132. padding:10px;
  133. padding-bottom:25px;
  134. letter-spacing:-0.5px;
  135. text-transform:uppercase;
  136. padding-top:25px;
  137. text-align:center;
  138. }
  139.  
  140. .page {
  141. font-size:25px;
  142. text-align:center;
  143. }
  144.  
  145. #link{
  146. background-color:{color:linkbg};
  147. width:185px;
  148. height:auto;
  149. padding:10px;
  150. font-size:12px;
  151. text-align:left;
  152. }
  153.  
  154. #link img{
  155. width:175px;
  156. padding:5px;
  157. }
  158.  
  159. #link a{
  160. opacity:1;
  161. }
  162.  
  163. #link a:hover{
  164. opacity:.5;
  165. }
  166.  
  167. .links {
  168. background-color:{color:linkbg};
  169. color:{color:sidebarlink};
  170. max-width:185px;
  171. font-size:12px;
  172. padding:10px;
  173. line-height:12px;
  174. text-align:center;
  175. text-transform:uppercase;
  176. letter-spacing:-1px;
  177. }
  178.  
  179. .links a {
  180. color:{color:sidebarlink};
  181. border-bottom:0px solid {color:sidebarlink};
  182. border-top:0px solid {color:sidebarlink};
  183. font-size:11px;
  184. }
  185.  
  186. .links a:hover{
  187. color:{color:sidebarlink};
  188. border-bottom:3px solid {color:sidebarlink};
  189. border-top:3px solid {color:sidebarlink};
  190. font-size:11px;
  191. }
  192.  
  193. #stuffcontainer {
  194. width:500px;
  195. margin-left:400px;
  196. background-color:{color:bg};
  197. font-family:calibri;
  198. font-size:10px;
  199. line-height:90%;
  200. color:{color:text};
  201. margin-bottom: 5%;
  202. }
  203.  
  204. .stuff {
  205. width:500px;
  206. margin-top:50px;
  207. padding-top:10px;
  208. padding-left:10px;
  209. padding-right:10px;
  210. padding-bottom:10px;
  211. background-color:{color:posts};
  212. font-family:calibri;
  213. font-size:10px;
  214. line-height:90%;
  215. color:{color:text};
  216. }
  217.  
  218. .caption {
  219. width:500px;
  220. text-align:justify;
  221. line-height:120%;
  222. }
  223.  
  224. .audio {
  225. width:500px;
  226. height:160px;
  227. }
  228. .albumart {
  229. width:150px;
  230. height:150px;
  231. position:absolute;}
  232. .albumart img {
  233. width:150px;
  234. height:150px;
  235. float:left;}
  236. .playercontainer {
  237. display:block;
  238. width:150px;
  239. height:150px;
  240. background-color:#ffffff;
  241. position:absolute;
  242. }
  243. .player {
  244. margin-left:36px;
  245. margin-top:36px;
  246. width:25px;
  247. height:25px;
  248. overflow:hidden;
  249. background-color:white;
  250. }
  251. .audioinfo {
  252. margin-left:160px;
  253. float:left;
  254. width:200px;
  255. padding:2px;
  256. margin-top:3px;
  257. }
  258.  
  259. .postinfo {
  260. width:520px;
  261. text-transform:uppercase;
  262. text-align: center;
  263. padding-top:5px;
  264. padding-bottom:5px;
  265. font-size: 9px;
  266. line-height:120%;
  267. margin-bottom:10px;
  268. opacity:.5;
  269. background-color: {color:infobg};
  270. }
  271.  
  272. .postinfo li {
  273. list-style-type: none;
  274. text-align:left;
  275. margin-left: 20px;
  276. }
  277.  
  278. .tags {
  279. text-align:center;
  280. padding:-7px 0px 0px 5px;
  281. }
  282.  
  283. .tags a {
  284. text-decoration: none;
  285.  
  286. .audio {
  287. background-color:{color:background};
  288. display:{color:background};
  289. }
  290.  
  291. .user_1 .label {
  292. color:{color:text};
  293. font-weight:normal;
  294. }
  295. .user_2 .label {
  296. color:{color:info};
  297. font-weight:normal;
  298. }
  299. ul.chat, .chat ol, .chat li {
  300. list-style:none;
  301. margin:0px;
  302. padding:0px
  303. }
  304.  
  305.  
  306. </style>
  307.  
  308. </head>
  309. <body>
  310.  
  311. <div id="theme">
  312. <div id="sidebar">
  313. <br><br>
  314. <div class="page">
  315. {block:Pagination}
  316. {block:PreviousPage}
  317. <a href="{PreviousPage}">-</a>
  318. {/block:PreviousPage}
  319. {block:NextPage}
  320. <a href="{NextPage}">+</a>
  321. {/block:NextPage}
  322. {/block:Pagination}
  323. </div>
  324. <div class="desc">
  325. <a href="{text:link 1 url}">{text:link 1}</a>&nbsp;&nbsp;&nbsp;
  326. <a href="{text:link 2 url}">{text:link 2}</a>&nbsp;&nbsp;&nbsp;
  327. <a href="{text:link 3 url}">{text:link 3}</a>&nbsp;&nbsp;&nbsp;
  328. <a href="{text:link 4 url}">{text:link 4}</a>
  329. <br><br>
  330. {Description}
  331. </div>
  332. <div id="link">
  333. <div class="links">
  334. <a href="{text:link 5 url}">{text:link 5}</a>&nbsp;&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;&nbsp;&nbsp;
  335. <a href="{text:link 6 url}">{text:link 6}</a>&nbsp;&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;&nbsp;&nbsp;
  336. <a href="{text:link 7 url}">{text:link 7}</a>
  337. </div>
  338. <a href="/"><img src="{image:sbimage}"></a>
  339. </div></div>
  340.  
  341. </div>
  342.  
  343. </br>
  344.  
  345. <div id="stuffcontainer">
  346.  
  347.  
  348. {block:Posts}
  349.  
  350.  
  351. {block:Text}<div class="stuff">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}
  352.  
  353. {block:Quote}<div class="stuff"><h2>“{Quote}” — {Source}</h2></div>{/block:Quote}
  354.  
  355. {block:Link}<div class="stuff"><a href="{URL}"><h2>{Name}</h2></a>
  356. {block:Description}<p>{Description}</p>{/block:Description}</div>{/block:Link}
  357.  
  358. {block:Photo}<div class="stuff"><center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  359.  
  360. {block:Photoset}<div class="stuff"><center>{Photoset-500}</center>
  361. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  362.  
  363. {block:Chat}<div class="stuff"><h2>{Title}</h2><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  364.  
  365. {block:Video}<div class="stuff">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  366.  
  367. {block:Answer}<div class="stuff"><h1>{Asker} said:</h1><h2>{Question}</h2><br>{Answer}</div>{/block:answer}
  368.  
  369. {block:Audio}<div class="stuff">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerblack}<br></span>
  370. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  371. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  372. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  373. {block:Caption}{Caption}{/block:Caption}<br></div>{/block:Audio}
  374.  
  375. <div class="postinfo">
  376. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  377. {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}
  378. {block:PostNotes}{PostNotes}{/block:PostNotes}</br>
  379. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags} {/block:HasTags}
  380. </div>
  381.  
  382. {/block:Posts}
  383.  
  384.  
  385.  
  386.  
  387. <div style="right:5px;bottom:5px;position:fixed;font-family:calibri;font-size:8px;letter-spacing:2px"><a href="http://sunsgodownthemes.tumblr.com/">THEME</a></div>
  388. </div>
  389. </div>
  390. </body>
  391. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement