API tools faq
paste
Advertisement
getbackwithyous

Fireworks theme

getbackwithyous
Mar 20th, 2013
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 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. <!-- Fireworks theme by getbackwithyous -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  10. <script type="text/javascript">
  11. WebFontConfig = {
  12. google: { families: [ 'Marck+Script::latin' ] }
  13. };
  14. (function() {
  15. var wf = document.createElement('script');
  16. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  17. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  18. wf.type = 'text/javascript';
  19. wf.async = 'true';
  20. var s = document.getElementsByTagName('script')[0];
  21. s.parentNode.insertBefore(wf, s);
  22. })(); </script>
  23.  
  24.  
  25. <meta name="color:bg" content="#ffffff">
  26. <meta name="color:link" content="#838079">
  27. <meta name="color:title" content="#5e5c5c">
  28. <meta name="color:navlinksbg" content="#141414">
  29. <meta name="color:hover" content="#d6d6d6">
  30. <meta name="color:text" content="#5e5c5c">
  31. <meta name="color:border" content="#cccccc">
  32.  
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="text:link1" content="">
  36. <meta name="text:link1 url" content="/">
  37. <meta name="text:link2" content="">
  38. <meta name="text:link2 url" content="/">
  39. <meta name="text:link3" content="">
  40. <meta name="text:link3 url" content="/">
  41. <meta name="text:link4" content="">
  42. <meta name="text:link4 url" content="/">
  43. <meta name="text:link5" content="">
  44. <meta name="text:link5 url" content="/">
  45. <meta name="text:link6" content="">
  46. <meta name="text:link6 url" content="/">
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <style type="text/css">
  54. @import url(http://fonts.googleapis.com/css?family=Marck+Script);
  55. iframe#tumblr_controls {
  56. position:fixed !important;-webkit-filter: invert(100%) ;
  57. -moz-transition: all 0.8s ease-out;
  58. -webkit-transition: opacity 0.7s linear;
  59. -webkit-transition: all 0.8s ease-out;
  60. transition: all 0.8s ease-out;
  61. opacity: 0.5;}
  62.  
  63. iframe#tumblr_controls {
  64. right:3px !important;
  65. position: fixed !important;
  66. -webkit-transition: opacity 0.7s linear;
  67. opacity: 0.5;
  68. -webkit-transition: all 0.8s ease-out;
  69. -moz-transition: all 0.8s ease-out;
  70. transition: all 0.8s ease-out;
  71. }
  72.  
  73. iframe#tumblr_controls:hover {
  74. -webkit-transition: opacity 0.7s linear;
  75. opacity: 1;
  76. -webkit-transition: all 0.4s ease-out;
  77. -moz-transition: all 0.4s ease-out;
  78. transition: all 0.4s ease-out;
  79. }
  80.  
  81. a {
  82. color:{color:link};
  83. text-decoration:none;
  84. -moz-transition-duration:0.5s;
  85. -webkit-transition-duration:0.5s;
  86. -o-transition-duration:0.5s;
  87. }
  88.  
  89. a:hover {
  90. color:{color:hover};
  91. -moz-transition-duration:0.5s;
  92. -webkit-transition-duration:0.5s;
  93. -o-transition-duration:0.5s;
  94. }
  95.  
  96.  
  97. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:8px}
  98. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:50px}
  99. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:border}; height:8px!important}
  100.  
  101. body {
  102. background-color:{color:bg};
  103. font-family:cambria;
  104. font-weight:normal;
  105. }
  106.  
  107.  
  108. h1 {
  109. font-weight:normal;
  110. font-size:10px;
  111. text-align:center;
  112. font-style:normal;
  113. line-height:80%;
  114. letter-spacing:1px;
  115. text-transform:uppercase;
  116. color:{color:text};
  117. }
  118.  
  119. h2 {
  120. font-size:15px;
  121. text-align:center;
  122. line-height:100%;
  123. letter-spacing:-0.5px;
  124. color:{color:text};
  125. font-weight:normal;
  126. padding:5px;
  127. padding-bottom:2px;
  128. }
  129.  
  130.  
  131. blockquote {
  132. border-left:2px solid {color:text};
  133. padding-left:5px;
  134. margin:5px;
  135. }
  136.  
  137. #theme {
  138. background-color:{color:bg};
  139. width:700px;
  140. margin: 0 auto -12px auto;
  141. text-align: center;
  142. }
  143.  
  144. #title {
  145. width:100px;
  146. font-family: 'Marck Script', cursive;
  147. font-size:14px;
  148. text-align:center;
  149. margin-top:-95px;
  150. color:{color:title};
  151. margin-left:-60px;
  152. }
  153.  
  154. #sidebar {
  155. color:{color:text};
  156. position:fixed;
  157. width:200px;
  158. height:auto;
  159. margin-top:120px;
  160. text-align:left;
  161. z-index:1;
  162. margin-left:-100px;
  163. -moz-transition-duration:0.8s;
  164. -webkit-transition-duration:0.8s;
  165. -o-transition-duration:0.8s;
  166. }
  167.  
  168. #sidebar img {
  169. width:64px;
  170. margin-left:-150px;
  171. height:64px;
  172. border:10px solid {color:border};
  173. z-index:1;
  174. opacity:1;
  175. height:auto;
  176. margin-bottom:10px;
  177. -moz-transition-duration:0.8s;
  178. -webkit-transition-duration:0.8s;
  179. -o-transition-duration:0.8s;
  180. }
  181.  
  182. #gbwy {
  183. opacity:1;
  184. position:fixed;
  185. background-color:{color:navlinksbg};
  186. width:300px;
  187. height:100%;
  188. z-index:-1;
  189. top:0;
  190. left:0;
  191. -moz-transition-duration:0.8s;
  192. -webkit-transition-duration:0.8s;
  193. -o-transition-duration:0.8s;
  194. }
  195.  
  196. .links {
  197. opacity:1;
  198. color:{color:link};
  199. width:200px;
  200. height:200px;
  201. text-align:center;
  202. margin-top:0px;
  203. margin-left:-110px;
  204. font-family:cambria;
  205. -moz-transition-duration:0.8s;
  206. -webkit-transition-duration:0.8s;
  207. -o-transition-duration:0.8s;
  208. }
  209.  
  210. .links a {
  211. text-transform:uppercase;
  212. font-size:8px;
  213. display:inline-block;
  214. padding:4px;
  215. background-color:{color:border};
  216. width:35px;
  217. }
  218.  
  219. .links a:hover {
  220. color:{color:hover};
  221. }
  222.  
  223. .desc {
  224. font-family:cambria;
  225. width:187px;
  226. margin-top:-130px;
  227. text-align:justify;
  228. font-size:9px;
  229. margin-left:-150px;
  230. color:{color:text};
  231. letter-spacing:1px;
  232. line-height:150%;
  233. }
  234.  
  235. .desc a {
  236. color:{color:link};
  237. }
  238.  
  239. .desc a:hover {
  240. color:{color:hover};
  241. }
  242.  
  243. .pagi {
  244. font-family:cambria;
  245. font-size:10px;
  246. width:185px;
  247. margin-left:-150px;
  248. margin-top:-25px;
  249. font-family:;
  250. text-transform:uppercase;
  251. letter-spacing:3px;
  252. font-style:normal;
  253. text-align:right;
  254. }
  255.  
  256. .pagi a {
  257. color:{color:link};
  258. }
  259.  
  260. .pagi a:hover {
  261. text-decoration:none;
  262. color:{color:hover};
  263. }
  264.  
  265. #stuffcontainer {
  266. float:left;
  267. margin-left:80px;
  268. margin-top:0px;
  269. text-align:justify;
  270. background-color:{color:bg};
  271. color:{color:text};
  272. margin-bottom: 35px;
  273. }
  274.  
  275. #stuff {
  276. width:500px;
  277. margin-top:50px;
  278. text-align:justify;
  279. font-size:11px;
  280. line-height:90%;
  281. letter-spacing:0x;
  282. color:{color:text};
  283. }
  284.  
  285. .caption {
  286. width:500px;
  287. text-align:justify;
  288. line-height:120%;
  289. }
  290.  
  291. .ask {
  292. padding:10px;
  293. text-align:left;
  294. color:{color:text};
  295. border:1px solid {color:border};
  296. background-color:{color:bg};
  297. }
  298.  
  299. .ans {
  300. text-align:left;
  301. padding:10px;
  302. color:{color:text};
  303. }
  304.  
  305. .audio {
  306. width:500px;
  307. padding-bottom:10px;
  308. background-color:{color:bg};
  309. }
  310.  
  311. .albumart {
  312. float:left;
  313. padding:0px 10px 10px 0px;
  314. }
  315.  
  316. .albumart img {
  317. width:45px;
  318. height:45px;
  319. }
  320.  
  321. .playercontainer {
  322. width:480px;
  323. padding:10px;
  324. overflow:hidden;
  325. }
  326.  
  327. .audioinfo {
  328. padding:10px;
  329. color:{color:text};
  330. }
  331.  
  332. #postinfo {
  333. background-color:{color:bg};
  334. width:489px;
  335. padding:5px;
  336. font-size:8px;
  337. border-top:1px solid {color:border};
  338. text-transform:uppercase;
  339. font-style:normal;
  340. letter-spacing:2px;
  341. text-align:left;
  342. -moz-transition-duration:0.5s;
  343. -webkit-transition-duration:0.5s;
  344. -o-transition-duration:0.5s;
  345. }
  346.  
  347. #postinfo a {
  348. text-align:center;
  349. letter-spacing:1px;
  350. font-style:normal;
  351. }
  352.  
  353. #postinfo a:hover {
  354. color:{color:hover};
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. }
  359.  
  360. .note {
  361. text-transform:uppercase;
  362. font-style:normal;
  363. letter-spacing:0px;
  364. font-size: 9px;
  365. text-align:left;
  366. line-height:90%;
  367. margin-left:-40px;
  368. }
  369.  
  370. .note li {
  371. list-style-type:none;
  372. border-bottom:1px solid {color:border};
  373. padding:10px 25px 10px 25px;
  374. text-align:left;
  375. margin:0px;
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. }
  380.  
  381. .tags {
  382. font-style:normal;
  383. width:490px;
  384. text-transform:uppercase;
  385. font-style:normal;
  386. color:{color:link};
  387. letter-spacing:1px;
  388. margin-top:-8px;
  389. line-height:120%;
  390. font-size:8px;
  391. text-align:left;
  392. padding:5px;
  393. -moz-transition-duration:0.5s;
  394. -webkit-transition-duration:0.5s;
  395. -o-transition-duration:0.5s;
  396. }
  397.  
  398. .tags a {
  399. color:{color:link}
  400. letter-spacing:1px;
  401. padding:1px;
  402. }
  403.  
  404. .tags a:hover {
  405. color:{color:hover};
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;
  409. }
  410.  
  411. ul.chat, .chat ol, .chat li {
  412. list-style:none;
  413. margin:0px;
  414. padding:2px;
  415. }
  416.  
  417. .label {
  418. text-decoration:underline;
  419. font-weight:700;
  420. background-color:{color:bg};
  421. margin-right:5px;
  422. }
  423.  
  424. #cred {
  425. position:fixed;
  426. font-size:8px;
  427. line-height:150%;
  428. letter-spacing:0px;
  429. right:10px;
  430. bottom:10px;
  431. font-weight:none;
  432. text-transform:uppercase;
  433. text-align:center;
  434. }
  435.  
  436. #cred a {
  437. padding:4px;
  438. color:{color:bg};
  439. background-color:{color:link};
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. }
  444.  
  445. #cred a:hover {
  446. text-decoration:underline;
  447.  
  448. {CustomCSS}
  449.  
  450. </style></head>
  451.  
  452. <body>
  453. <div id="theme">
  454. <div id="sidebar">
  455. <img src="{PortraitURL-64}">
  456. <div id="gbwy"></div>
  457. <div id="title">{title}</div>
  458. <div class="links">
  459. <a href="{text:link1 url}">{text:link1}</a>
  460. <a href="{text:link2 url}">{text:link2}</a><br>
  461. <a href="{text:link3 url}">{text:link3}</a>
  462. <a href="{text:link4 url}">{text:link4}</a><br>
  463. <a href="{text:link5 url}">{text:link5}</a>
  464. <a href="{text:link6 url}">{text:link6}</a>
  465. </div>
  466. <div class="desc">
  467. {description}
  468. </div>
  469. <br>
  470. <br>
  471. {block:Pagination}
  472. <div class="pagi">
  473. {block:PreviousPage}
  474. <a href="{PreviousPage}">&laquo;</a>
  475. {/block:PreviousPage}
  476. {CurrentPage} of {TotalPages}
  477. {block:NextPage}
  478. <a href="{NextPage}">&raquo;</a>
  479. {/block:NextPage}
  480. </div>
  481. {/block:Pagination}
  482. </div>
  483.  
  484. <div id="stuffcontainer">
  485.  
  486. {block:Posts}
  487.  
  488. <div id="stuff">
  489.  
  490. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  491.  
  492. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  493.  
  494. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  495. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  496.  
  497. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  498.  
  499. {block:Photoset}<center>{Photoset-500}</center>
  500. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  501.  
  502. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  503.  
  504. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  505.  
  506. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  507.  
  508. {block:Audio}<div class="audio">
  509. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  510. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  511. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  512. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  513.  
  514.  
  515.  
  516. {block:Date}<div id="postinfo"><a href="{Permalink}">{timeago}</a>{block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  517. {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  518. {block:HasTags}
  519. <div class="tags">
  520. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  521. {/block:HasTags}
  522. <div class="note">
  523. {block:PostNotes}{PostNotes}{/block:PostNotes}
  524. </div>
  525. </div>
  526. {/block:Posts}
  527.  
  528.  
  529. </div>
  530.  
  531. <div id="cred"><a href="http://www.gbwythemes.tumblr.com/">theme</a></div>
  532.  
  533. </div>
  534. </div>
  535. </div>
  536. </body>
  537. </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!