hotsources

Untitled

Apr 29th, 2013
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.85 KB | None | 0 0
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- theme 002 "KATNISS!" REVAMPED by KINGOFMOCKINGJAY.TUMBLR.COM, please do not steal -->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <!-- DEAFULT VARIABLES -->
  16. <meta name="color:background" content="#FFFFFF" />
  17. <meta name="color:sidebar" content="#FFFFFF" />
  18. <meta name="color:entry" content="#FFFFFF" />
  19. <meta name="color:link" content="#888888" />
  20. <meta name="color:link hover" content="#AAAAAA" />
  21. <meta name="color:text" content="#AAAAAA" />
  22. <meta name="color:info" content="#FFFFFF" />
  23. <meta name="color:question" content="#F3F3F3" />
  24. <meta name="color:title" content="#AAAAAA" />
  25.  
  26. <meta name="if:Grey" content="1" />
  27. <meta name="if:Title" content="0" />
  28. <meta name="if:Links" content="0" />
  29.  
  30. <meta name="text:link 1" content="http://" />
  31. <meta name="text:link 2" content="http://" />
  32. <meta name="text:link 3" content="http://" />
  33. <meta name="text:link 4" content="http://" />
  34. <meta name="text:link 1 name" content="" />
  35. <meta name="text:link 2 name" content="" />
  36. <meta name="text:link 3 name" content="" />
  37. <meta name="text:link 4 name" content="" />
  38.  
  39. <meta name="image:sidebar" content="" />
  40. <meta name="image:background" content="" />
  41.  
  42. </head>
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <style type="text/css">
  46.  
  47.  
  48. iframe#tumblr_controls {
  49. right:3px !important;
  50. opacity:0.2;
  51. filter:alpha(opacity=20);
  52. -moz-opacity:0.2;
  53. -o-opacity:0.2;
  54. -webkit-transition: all 0.8s ease-out;
  55. -moz-transition: all 0.8s ease-out;
  56. -o-transition:all 0.8s ease-out;
  57. transition: all 0.8s ease-out;
  58. }
  59.  
  60. iframe#tumblr_controls:hover {
  61. right:3px !important;
  62. opacity:1;
  63. filter:alpha(opacity=100);
  64. -moz-opacity:1;
  65. -o-opacity:1;
  66. -webkit-transition: all 0.8s ease-out;
  67. -moz-transition: all 0.8s ease-out;
  68. -o-transition:all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. }
  71.  
  72. body {
  73. text-align:justify;
  74. font-family:arial;
  75. font-size:10px;
  76. background-attachment: fixed;
  77. background-repeat:no-repeat;
  78. background-position:bottom right;
  79. background-image:url('{image:background}');
  80. background-color:{color:background};
  81. color:{color:text};
  82. }
  83.  
  84. a:link, a:visited {
  85. text-decoration: none;
  86. -webkit-transition: 0.3s linear;
  87. -moz-transition: 0.3s linear;
  88. -o-transition: 0.3s linear;
  89. transition: 0.3s linear;
  90. color:{color:link};
  91. }
  92.  
  93. a:hover {
  94. color:{color:link hover};
  95. -webkit-transition: 0.3s linear;
  96. -moz-transition: 0.3s linear;
  97. -o-transition: 0.3s linear;
  98. transition: 0.3s linear;
  99. }
  100.  
  101. a:link img {
  102. border:0px;
  103. background-color:transparent
  104. }
  105.  
  106. ul {
  107. list-style:square
  108. }
  109.  
  110. #sidebar {
  111. width:245px;
  112. height:auto;
  113. padding:10px;
  114. font-size:8px;
  115. margin-left:100px;
  116. margin-top:200px;
  117. position:fixed;
  118. background-color:{color:sidebar};
  119. -webkit-transition: 0.3s linear;
  120. -moz-transition: 0.3s linear;
  121. -o-transition: 0.3s linear;
  122. transition: 0.3s linear;
  123. }
  124.  
  125. #des {
  126. width:200px;
  127. text-align:justify;
  128. padding:0px 5px 5px 5px;
  129. margin-left:20px;
  130. font-size:9px;
  131. }
  132.  
  133.  
  134. #sidebar img {
  135. border: 0px;
  136. width:245px;
  137. height:auto;
  138. }
  139.  
  140. {block:ifGrey}
  141. #sidebar img {
  142. border: 0px;
  143. width:245px;
  144. height:auto;
  145. -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-transition: all 1.1s ease;
  146. -moz-transition: all 1.1s ease;
  147. -o-transition: all 1.1s ease;
  148. -ms-transition: all 1.1s ease;
  149. transition: all 1.1s ease;
  150. }
  151.  
  152. #sidebar img:hover {
  153. border: 0px;
  154. -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-transition: all 1.1s ease;
  155. -moz-transition: all 1.1s ease;
  156. -o-transition: all 1.1s ease;
  157. -ms-transition: all 1.1s ease;
  158. transition: all 1.1s ease;
  159. }
  160. {/block:ifGrey}
  161.  
  162.  
  163. #links a {
  164. text-align:center;
  165. text-transform:lowercase;
  166. letter-spacing:1px;
  167. color:{color:link};
  168. font-size:10px;
  169. font-style:normal;
  170. padding:3px;
  171. }
  172.  
  173. #links {
  174. margin-top:7px;
  175. margin-bottom:5px;
  176. }
  177.  
  178. .title {
  179. font-size:11px;
  180. font-weight:normal;
  181. width:auto;
  182. text-transform:lowercase;
  183. letter-spacing:1px;
  184. margin-bottom:0px;
  185. padding:2px;
  186. text-align:justify;
  187. color:{color:title};
  188. }
  189.  
  190. .page {
  191. font-family:arial black;
  192. font-size:15px;
  193. }
  194.  
  195. .page a {
  196. font-size:16px;
  197. }
  198.  
  199.  
  200. #box {
  201. width:500px;
  202. text-align:justify;
  203. padding:15px;
  204. font-size: 9px;
  205. height: auto;
  206. margin-left:400px;
  207. margin-top:40px;
  208. -webkit-transition: all 1.1s ease;
  209. -moz-transition: all 1.1s ease;
  210. -o-transition: all 1.1s ease;
  211. -ms-transition: all 1.1s ease;
  212. transition: all 1.1s ease;
  213. color: {color:text};
  214. background-color:{color:entry};
  215. }
  216.  
  217.  
  218. #box img {
  219. text-align:justify;
  220. color: {color:text};
  221. background-color:{color:entry};
  222. font-size: 9px;
  223. height: auto;
  224. -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-transition: all 1.1s ease;
  225. -moz-transition: all 1.1s ease;
  226. -o-transition: all 1.1s ease;
  227. -ms-transition: all 1.1s ease;
  228. transition: all 1.1s ease;
  229. }
  230.  
  231. #box:hover img {
  232. -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-transition: all 1.1s ease;
  233. -moz-transition: all 1.1s ease;
  234. -o-transition: all 1.1s ease;
  235. -ms-transition: all 1.1s ease;
  236. transition: all 1.1s ease;
  237. }
  238.  
  239. #photoset {
  240. -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-transition: all 1.1s ease;
  241. -moz-transition: all 1.1s ease;
  242. -o-transition: all 1.1s ease;
  243. -ms-transition: all 1.1s ease;
  244. transition: all 1.1s ease;
  245. }
  246.  
  247. #photoset:hover {
  248. -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-transition: all 1.1s ease;
  249. -moz-transition: all 1.1s ease;
  250. -o-transition: all 1.1s ease;
  251. -ms-transition: all 1.1s ease;
  252. transition: all 1.1s ease;
  253. }
  254.  
  255. {/block:ifGrey}
  256.  
  257. #photoset {
  258. }
  259.  
  260.  
  261. h1 {
  262. color:{color:title};
  263. font-size:16px;
  264. letter-spacing:1.1px;
  265. font-size:12px;
  266. }
  267.  
  268.  
  269. h1 a {
  270. color:{color:text};
  271. }
  272.  
  273. blockquote {
  274. margin-left:5px;
  275. padding-left:5px;
  276. border-left: 2px solid #e4e4e4
  277. }
  278.  
  279. .quote {
  280. font-family:times;
  281. font-size:15px;
  282. font-style:italic;
  283. text-align:center;
  284. line-height:17px;
  285. }
  286.  
  287. .from {
  288. font-size:10px;
  289. font-family:times;
  290. text-align:right;
  291. }
  292.  
  293. .chat {
  294. padding:3px;
  295. background-color:{color:background};
  296. margin-bottom:3px}
  297.  
  298.  
  299. .audio{background-color:black; height:64px;display:block}
  300.  
  301. .audioback {
  302. margin-left:65px;
  303. z-index:99;
  304. display:block;
  305. }
  306.  
  307.  
  308. .pages {
  309. text-align:center;
  310. letter-spacing:1.1px;
  311. font-size:10px;
  312. text-transform:uppercase;
  313. padding:3px;
  314. width:auto;
  315. background-color:{color:border};
  316. margin-top:2px;
  317. }
  318.  
  319. pre {
  320. overflow-y:hidden;
  321. background:#eee
  322. }
  323.  
  324. .back {
  325. position:fixed;
  326. bottom:10px;
  327. right:5px;
  328. }
  329.  
  330. .back a {
  331. padding:5px;
  332. background-color:{color:sidebar};
  333. color:{color:link};
  334. }
  335.  
  336. .ask {
  337. text-align:justify;
  338. padding:5px 5px 5px 5px;
  339. background-color:{color:question};
  340. line-height:14px;
  341. }
  342.  
  343.  
  344. #info a {
  345. text-align:justify;
  346. text-transform:lowercase;
  347. }
  348.  
  349. #info {
  350. text-align:justify;
  351. font-size:9px;
  352. padding:5px 15px 5px 15px;
  353. width:500px;
  354. margin-left:-15px;
  355. text-transform:lowercase;
  356. position:absolute;
  357. background-color:{color:info};
  358. }
  359.  
  360. ol.notes, .notes li {padding:2px;list-style:none; margin-top:10px;text-align:justify;}
  361. .notes img {width:7px;padding-right:2px;}
  362.  
  363.  
  364. </style>
  365. <body>
  366. <div id="sidebar">
  367.  
  368. {block:ifTitle}
  369. <center><div class="title"><a href="/">{Title}</a></div></center>
  370. {/block:ifTitle}
  371.  
  372. <img src="{image:sidebar}">
  373.  
  374.  
  375. <div id="des">
  376. <div id="links"><center>
  377. <a href="/">home</a>&nbsp;
  378. <a href="/ask" target="_blank">mail</a>&nbsp;
  379. <a href="/archive" target="_blank">past</a>&nbsp;
  380. <a href="http://kingofmockingjay.tumblr.com" target="_blank">theme</a>
  381. </center>
  382. </div>
  383.  
  384. {Description}
  385. {block:ifLinks}
  386. <div id="links"><center>
  387. <a href="{text:link 1}">{text:link 1 name}</a>&nbsp;
  388. <a href="{text:link 2}">{text:link 2 name}</a>&nbsp;
  389. <a href="{text:link 3}">{text:link 3 name}</a>&nbsp;
  390. <a href="{text:link 4}">{text:link 4 name}</a><center>
  391. </div>
  392. {/block:ifLinks}
  393.  
  394. <center><div class="page">
  395. {block:Pagination}
  396. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;
  397. {/block:PreviousPage}{block:NextPage}
  398. <a href="{NextPage}">&raquo;</a>{/block:NextPage}
  399. {/block:Pagination}
  400. </div>
  401. </div></center> <!-- page -->
  402. </div> <!-- sidebar -->
  403.  
  404. <br><br>
  405. {block:Posts}
  406. <div id="box">
  407.  
  408. {block:Text}
  409. {block:Title}<h1>{Title}</h1>{/block:Title}
  410. {Body}
  411. {/block:Text}
  412.  
  413. {block:Photo}
  414. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:Photo}
  417.  
  418. {block:Photoset}
  419. <div id="photoset">
  420. {Photoset-500}
  421. </div>
  422. {block:Caption}{Caption}{/block:Caption}
  423. {/block:Photoset}
  424.  
  425.  
  426. {block:Link}
  427. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  428. {block:Description}{Description}{/block:Description}
  429. {/block:Link}
  430.  
  431. {block:Chat}
  432. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  433. {block:Lines}
  434. <div class="chat">
  435. {block:Label}<b>{Label}</b>{/block:Label}
  436. {Line}<br></div>
  437. {/block:Lines}
  438. {/block:Chat}
  439.  
  440. {block:Audio}
  441. <img src="http://static.tumblr.com/hsl9jor/anpma2l8t/white.png" width="64px" style="position:absolute">
  442. {block:AlbumArt}<img src="{AlbumArtURL}" width="64px" style="position:absolute;">{/block:AlbumArt}
  443. <div class="audio"><div class="audioback">{AudioPlayerBlack}</div></div>
  444. {block:PermalinkPage}
  445. {block:Caption}
  446. {Caption}
  447. {/block:Caption}
  448. {/block:PermalinkPage}
  449. {/block:Audio}
  450.  
  451. {block:Video}
  452. {Video-500}
  453. {block:Caption}{Caption}{/block:Caption}
  454. {/block:Video}
  455.  
  456. {block:Quote}
  457. <div class="quote">
  458. &#8220;{Quote}&#8221;</div>
  459. <div class="from">
  460. &mdash; {block:Source}{Source}{/block:Source}</div><br>
  461. {/block:Quote}
  462.  
  463. {block:Answer}
  464. <div class="ask">
  465. {Asker} asked: {Question}
  466. </div>
  467. {Answer}
  468. {/block:Answer}
  469.  
  470. <div id="info">
  471. {block:IndexPage}
  472. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&emsp;&emsp;{NoteCountWithLabel}{block:RebloggedFrom}&emsp;&emsp; via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  473. {block:ContentSource}&emsp; (&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:ContentSource}{block:ContentSource}
  474. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  475. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  476. {/block:SourceLogo}
  477. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  478. {/block:ContentSource}{/block:RebloggedFrom}<br>{/block:IndexPage}
  479. {block:HasTags}
  480. filled under:&nbsp;
  481. {block:Tags}<a href="{TagURL}"><u>{Tag}</u></a>&emsp;{/block:Tags}{/block:HasTags}
  482. {block:PostNotes}{PostNotes}{/block:PostNotes}
  483. </div></div>
  484.  
  485. {/block:Posts}
  486. <br><br><br>
  487.  
  488. </body>
  489.  
  490. <!-- theme 002 "KATNISS!" REVAMPED by KINGOFMOCKINGJAY.TUMBLR.COM, please do not steal -->
  491. </html>
Advertisement
Add Comment
Please, Sign In to add comment