Advertisement
hexpistols

Ebola Theme

Apr 30th, 2011
3,410
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.39 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!-- This theme was made by http://hexpistols.tumblr.com.
  5. Please do not remove any credit from this theme, even if you modify it.
  6. Thanks. -->
  7.  
  8. <!-- Default Variables -->
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  10. <meta name="color:Background" content="#ffffff" />
  11. <meta name="font:Text" content="Georgia" />
  12. <meta name="color:Text" content="#000000" />
  13. <meta name="color:Links" content="#cccccc" />
  14. <meta name="color:Link Hover" content="#000000" />
  15. <meta name="color:Text Header Background" content="#f7f7f7" />
  16. <meta name="color:Text Header" content="#000000" />
  17. <meta name="if:One Column" content="0" />
  18. <meta name="if:Fade Pictures" content="0" />
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <script>
  24. $(document).ready(function(){
  25. $(".permalink").hide();
  26. $(".postholder").mouseenter(function () {
  27. $(".permalink", this).slideDown("fast");
  28. });
  29. $(".postholder").mouseleave(function () {
  30. $(".permalink", this).slideUp("fast");
  31. });
  32. });
  33. </script>
  34. <script type="text/javascript">
  35. jQuery(document).ready(function() {
  36. jQuery(".nav").hide();
  37. //toggle the componenet with class msg_body
  38. jQuery(".blobtitle").click(function()
  39. {
  40. jQuery(this).next(".nav").slideToggle(500);
  41. });});
  42. </script>
  43. <style type="text/css">
  44. body {
  45. background-color:{color:Background};
  46. }
  47. .postholder {
  48. width:auto;
  49. height:auto;
  50. }
  51. .content {
  52. margin-left:0px;
  53. top:0px;
  54. line-height:10px;
  55. font-family:{font:Text};
  56. text-transform:lowercase;
  57. font-size:xx-small;
  58. color:{color:Text};
  59. text-align:justify;
  60. width:1000px;
  61. }
  62. .content a {
  63. font-family:{font:Text};
  64. font-size:x-small;
  65. -webkit-transition-duration: 0.5s;
  66. color:{color:Links};
  67. text-decoration:none;
  68. }
  69. .content a:hover {
  70. -webkit-transition-duration: 0.5s;
  71. color:{color:Link Hover};
  72. text-decoration:none;
  73. }
  74. {block:ifnotOneColumn}
  75. #entry {
  76. width:480px;
  77. color:#555;
  78. }
  79. #entry .post img {
  80. max-width: 480px;
  81. border:0px;
  82. }
  83. {/block:ifnotOneColumn}
  84. .row {
  85. width: 450px;
  86. top:20px;
  87. padding-left:5px;
  88. padding-right:5px;
  89. float:left;
  90. {block:ifOneColumn}
  91. float:none;
  92. {/block:ifOneColumn}
  93. }
  94. .row .post {
  95. width: 450px;
  96. padding-top:5px;
  97. padding-bottom:5px;
  98. }
  99. .row .post img {
  100. width: 450px;
  101. }
  102. {block:ifnotOneColumn}
  103. .row.left {
  104. width: 450px;
  105. margin-left:100px;
  106. }
  107. .row.left img {
  108. width:450px;
  109. }
  110. .row.right {
  111. width: 450px;
  112. padding-top:5px;
  113. padding-bottom:5px;
  114. }
  115. {/block:ifnotOneColumn}
  116. {block:ifFadePictures}
  117. img {
  118. opacity: 1;
  119. -webkit-transition-duration: 0.5s;
  120. }
  121. img:hover {
  122. opacity: .85;
  123. -webkit-transition-duration: 0.5s;
  124. }
  125. {/block:ifFadePictures}
  126. .audio {
  127. background-color:#000000;
  128. width:450px;
  129. }
  130. div.video embed,
  131. div.post div.video object {
  132. width:450px !important;
  133. }
  134. h1 {
  135. background-color:{color:Text Header Background};
  136. font-size:xx-small;
  137. text-transform:uppercase;
  138. color:{color:Text Header};
  139. padding-top:2px;
  140. padding-bottom:2px;
  141. line-height:normal;
  142. }
  143. .caption {
  144. font-family:{font:Text};
  145. text-transform:uppercase;
  146. font-size:x-small;
  147. text-align:center;
  148. }
  149. .source {
  150. text-align:right;
  151. }
  152. .permalink {
  153. text-align:center;
  154. }
  155. .permalink a {
  156. font-family:{font:Text};
  157. font-size:small;
  158. text-decoration:none;
  159. color:{color:Permalink};
  160. text-align : left;
  161. cursor:help;
  162. }
  163. .permalink a:hover{
  164. text-decoration:none;
  165. color: {color:Permalink};
  166. }
  167. .boxy {
  168. margin-top:200px;
  169. width:350px;
  170. text-align:left;
  171. position:fixed;
  172. margin-left:920px;
  173. border-left: 2px solid;
  174. border-right-color:{color:Text};
  175. padding-left:5px;
  176. {block:ifOneColumn}
  177. margin-left:460px;
  178. {block:ifOneColumn}
  179. }
  180. .blobtitle {
  181. font-family:{font:Text};
  182. font-size:20px;
  183. font-weight:bold;
  184. text-transform:uppercase;
  185. cursor:help;
  186. color:{color:Text};
  187. }
  188. .nav {
  189. word-spacing:5px;
  190. padding-top:2px;
  191. padding-bottom:2px;
  192. }
  193. .nav a{
  194. font-family:{font:Text};
  195. font-size:small;
  196. text-transform:lowercase;
  197. text-decoration:none;
  198. color:{color:Text};
  199. -webkit-transition-duration: 0.5s;
  200. padding-top:2px;
  201. }
  202. .nav a:hover{
  203. text-decoration:none;
  204. color:{color:Links};
  205. padding-top:2px;
  206. -webkit-transition-duration: 0.5s;
  207. }
  208. .pagination a{
  209. font-family:{font:Text};
  210. font-size:small;
  211. text-transform:lowercase;
  212. text-decoration:none;
  213. color:{color:Text};
  214. -webkit-transition-duration: 0.5s;
  215. }
  216. .pagination a:hover{
  217. text-decoration:none;
  218. color:{color:Links};
  219. padding-top:2px;
  220. -webkit-transition-duration: 0.5s;
  221. }
  222. ol.notes {
  223. border-bottom: solid 1px;
  224. border-bottom-color:{color:links};
  225. padding: 0px;
  226. font-size:11px;
  227. list-style-type: none;
  228. }
  229. ol.notes li.note {
  230. border-top: solid 1px #ccc;
  231. border-top-color:{color:links};
  232. padding-top:8px;
  233. padding-bottom:8px;
  234. }
  235. ol.notes li.note img.avatar {
  236. display:none;
  237. height:0px;
  238. width:0px;
  239. }
  240. </style>
  241. </head>
  242. <body>
  243.  
  244. <div class="boxy">
  245. <div class="blobtitle">{Title}</div>
  246. <div class="nav">
  247. <a href="/">index</a>
  248. <a href="/archive">archive</a>
  249. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  250. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  251. <a href="http://hexpistols.tumblr.com">credit</a>
  252. </div>
  253. <div class="pagination">{block:Pagination}
  254. {block:PreviousPage}
  255. <a href="{PreviousPage}">Previous</a>
  256. {/block:PreviousPage}
  257. {block:NextPage}
  258. <a href="{NextPage}">Next</a>
  259. {/block:NextPage}
  260. {/block:Pagination}</div>
  261. </div>
  262.  
  263. <div class="content">
  264. {block:ifOneColumn}
  265. <div class="row">
  266. {block:Posts}
  267. <div class="post">
  268. {block:Photo}
  269. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  270. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  271. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  272. {block:IndexPage}</a>{/block:IndexPage}
  273. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  274. {/block:Photo}
  275.  
  276. <div class="postholder">
  277. {block:Video}
  278. <div class="video">{Video-400}</div>
  279. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  280. {/block:Video}
  281. </div>
  282.  
  283. <div class="postholder">
  284. {block:Audio}
  285. <div class="audio">
  286. {AudioPlayerBlack}
  287. </div>
  288. {block:Caption}
  289. <div class="caption">
  290. {Caption}
  291. </div>
  292. {/block:Caption}
  293. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  294. {/block:Audio}
  295. </div>
  296.  
  297. <div class="postholder">
  298. {block:Quote}
  299. <h1>"{Quote}"</h1>
  300. {block:Source}
  301. <div class="source">-{Source}</div>
  302. {/block:Source}
  303. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  304. {/block:Quote}
  305. </div>
  306.  
  307. <div class="postholder">
  308. {block:Link}
  309. <a href="{URL}" class="link" {Target}<font style="font-size:large">→ {Name}</font></a>
  310. {block:Description}
  311. <div class="description">{Description}</div>
  312. {/block:Description}
  313. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  314. {/block:Link}
  315. </div>
  316.  
  317. <div class="postholder">
  318. {block:Text}
  319. {block:Title}<h1>{Title}</h1>{/block:Title}
  320. {Body}
  321. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  322. {/block:Text}
  323. </div>
  324.  
  325. <div class="postholder">
  326. {block:Chat}
  327. {block:Title}<b>{Title}</b>{/block:Title}
  328. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  329. {/block:Chat}
  330. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  331. </div>
  332.  
  333. <div class="postholder">
  334. {block:Answer}
  335. <h1>{Asker} said:{Question}</h1>
  336. {Answer}
  337. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  338. {/block:Answer}
  339. </div>
  340.  
  341. </div><!-- post -->
  342. {PostNotes}
  343. {/block:Posts}
  344. </div>
  345. {/block:ifOneColumn}
  346.  
  347. {block:ifnotOneColumn}
  348. <div class="row">
  349. {block:Posts}
  350. {block:Odd}
  351. <div class="post">
  352. {block:Photo}
  353. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  354. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  355. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  356. {block:IndexPage}</a>{/block:IndexPage}
  357. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  358. {/block:Photo}
  359.  
  360. <div class="postholder">
  361. {block:Video}
  362. <div class="media">
  363. {Video-400}
  364. </div>
  365. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  366. {/block:Video}
  367. </div>
  368.  
  369. <div class="postholder">
  370. {block:Audio}
  371. <div class="audio">
  372. {AudioPlayerBlack}
  373. </div>
  374. {block:Caption}
  375. <div class="caption">
  376. {Caption}
  377. </div>
  378. {/block:Caption}
  379. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  380. {/block:Audio}
  381. </div>
  382.  
  383. <div class="postholder">
  384. {block:Quote}
  385. <h1>"{Quote}"</h1>
  386. {block:Source}
  387. <div class="source">-{Source}</div>
  388. {/block:Source}
  389. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  390. {/block:Quote}
  391. </div>
  392.  
  393. <div class="postholder">
  394. {block:Link}
  395. <a href="{URL}" class="link" {Target}<font style="font-size:large">→ {Name}</font></a>
  396. {block:Description}
  397. <div class="description">{Description}</div>
  398. {/block:Description}
  399. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  400. {/block:Link}
  401. </div>
  402.  
  403. <div class="postholder">
  404. {block:Text}
  405. {block:Title}<h1>{Title}</h1>{/block:Title}
  406. {Body}
  407. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  408. {/block:Text}
  409. </div>
  410.  
  411. <div class="postholder">
  412. {block:Chat}
  413. {block:Title}<b>{Title}</b>{/block:Title}
  414. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  415. {/block:Chat}
  416. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  417. </div>
  418.  
  419. <div class="postholder">
  420. {block:Answer}
  421. <h1>{Asker} said:{Question}</h1>
  422. {Answer}
  423. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  424. {/block:Answer}
  425. </div>
  426.  
  427. </div><!-- post -->
  428. {PostNotes}
  429. {/block:Odd}
  430. {/block:Posts}
  431. </div><!-- row left -->
  432.  
  433. <div class="row">
  434. {block:Posts}
  435. {block:Even}
  436. <div class="post">
  437. {block:Photo}
  438. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  439. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  440. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  441. {block:IndexPage}</a>{/block:IndexPage}
  442. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  443. {/block:Photo}
  444.  
  445. <div class="postholder">
  446. {block:Video}
  447. <div class="media">
  448. {Video-400}
  449. </div>
  450. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  451. {/block:Video}
  452. </div>
  453.  
  454. <div class="postholder">
  455. {block:Audio}
  456. <div class="audio">
  457. {AudioPlayerBlack}
  458. </div>
  459. {block:Caption}
  460. <div class="caption">
  461. {Caption}
  462. </div>
  463. {/block:Caption}
  464. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  465. {/block:Audio}
  466. </div>
  467.  
  468. <div class="postholder">
  469. {block:Quote}
  470. <h1>"{Quote}"</h1>
  471. {block:Source}
  472. <div class="source">-{Source}</div>
  473. {/block:Source}
  474. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  475. {/block:Quote}
  476. </div>
  477.  
  478. <div class="postholder">
  479. {block:Link}
  480. <a href="{URL}" class="link" {Target}><div style="padding-top:5px;"> <div style="padding-bottom:5px;"><font style="font-family:{font:Text}"><font style="font-size:large"><font style="text-decoration:none!important"><font style="text-transform:lowercase">→ {Name}</font></font></font></font></div></div></a>
  481. {block:Description}
  482. <div class="description">{Description}</div>
  483. {/block:Description}
  484. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  485. {/block:Link}
  486. </div>
  487.  
  488. <div class="postholder">
  489. {block:Text}
  490. {block:Title}<h1>{Title}</h1>{/block:Title}
  491. {Body}
  492. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  493. {/block:Text}
  494. </div>
  495.  
  496. <div class="postholder">
  497. {block:Chat}
  498. {block:Title}<b>{Title}</b>{/block:Title}
  499. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  500. {/block:Chat}
  501. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  502. </div>
  503.  
  504. <div class="postholder">
  505. {block:Answer}
  506. <h1>{Asker} said:{Question}</h1>
  507. {Answer}
  508. <div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  509. {/block:Answer}
  510. </div>
  511.  
  512. </div> <!-- post -->
  513. {PostNotes}
  514. {/block:Even}
  515. {/block:Posts}
  516. </div><!-- row -->{/block:ifnotOneColumn}
  517. </div>
  518. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement