Advertisement
luhans

CHURCH IN THE DARK

Jul 18th, 2012
10,801
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.98 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---->
  6.  
  7. <head> <!-- DEFAULT VARIABLES -->
  8. <title>{Title}</title>
  9. <meta name="color:background" content="#141414" />
  10. <meta name="color:text" content="#5a584f" />
  11. <meta name="color:link" content="#474745" />
  12. <meta name="color:nav hover" content="#f5f5f5" />
  13. <meta name="color:audio info" content="#1a1918" />
  14. <meta name="color:entries" content="#1a1a1a"/>
  15. <meta name="color:sidebar" content="#222222" />
  16. <meta name="color:link hover" content="#F8F8F8" />
  17. <meta name="color:title" content="#807b6c" />
  18. <meta name="image:sidebar" content=""/>
  19. <meta name="image:background" content=""/>
  20. <meta name="font:body" content="arial"/>
  21. <meta name="font:sidebar title" content="courier new"/>
  22. <meta name="font:title" content="arial"/>
  23. <meta name="font:audio info" content="arial"/>
  24. <meta name="text:link one url" content="http://">
  25. <meta name="text:link one name" content="one">
  26. <meta name="text:link two url" content="http://">
  27. <meta name="text:link two name" content="two">
  28. <meta name="text:link three url" content="http://">
  29. <meta name="text:link three name" content="three">
  30. <meta name="text:link four url" content="http://">
  31. <meta name="text:link four name" content="four">
  32. <meta name="text:link five url" content="http://">
  33. <meta name="text:link five name" content="five">
  34.  
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:200,
  53. tip_fade_speed:300
  54. }
  55. );
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60.  
  61. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  62. <script type="text/javascript"
  63. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  64. <script>
  65. $(document).ready(function() {
  66. //
  67. $('a.poplight[href^=#]').click(function() {
  68. var popID = $(this).attr('rel'); //Get Popup Name
  69. var popURL = $(this).attr('href'); //Get Popup href to define size
  70. var query= popURL.split('?');
  71. var dim= query[1].split('&');
  72. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  73. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  74. var popMargTop = ($('#' + popID).height() + 80) / 2;
  75. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  76. //Apply Margin to Popup
  77. $('#' + popID).css({
  78. 'margin-top' : -popMargTop,
  79. 'margin-left' : -popMargLeft
  80. });
  81. $('body').append('<div id="fade"></div>');
  82. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  83. return false;
  84. });
  85. $('a.close, #fade').live('click', function() {
  86. $('#fade , .popup_block').fadeOut(function() {
  87. $('#fade, a.close').remove(); //fade them both out
  88. });
  89. return false;
  90. });
  91. });
  92. </script>
  93.  
  94.  
  95. <style type="text/css">
  96. body{
  97. background:{color:Background};
  98. background-image:url('{image:background}');
  99. background-repeat:repeat;
  100. background-attachment:fixed;
  101. background-position:bottom right;
  102. line-height:100%;
  103. font-family: {font:body};
  104. font-size: 11px;
  105. letter-spacing: px;
  106. color:{color:text};}
  107.  
  108. a {
  109. text-decoration:none;
  110. color:{color:link};
  111. }
  112.  
  113.  
  114. a:hover{
  115. text-decoration:none;
  116. color:{color:link hover};
  117. -webkit-transition: opacity 0.5s linear;
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;
  121. opacity:1;
  122. }
  123.  
  124.  
  125. a img{
  126. border:none;}
  127.  
  128. blockquote{
  129. padding:0px;
  130. padding-left:5px;
  131. margin:5px;
  132. border-left:1px solid {color:font};}
  133.  
  134. blockquote img{
  135. display:block;}
  136.  
  137. blockquote p{
  138. padding:0px;
  139. margin:0px;}
  140.  
  141. blockquote blockquote{
  142. position:relative;
  143. left:-5px;
  144. margin-top:0px;
  145. margin-right:0px;
  146. padding-right:0px;}
  147.  
  148. ul.chat, .chat ol, .chat li {
  149. list-style:none;
  150. margin:0px;
  151. padding:0px}
  152.  
  153. #container{
  154. margin-left:190px;
  155. margin-top:40px;
  156. width:290px;
  157. position:fixed;
  158. background:transparent;
  159. padding:15px;}
  160.  
  161. #entry{
  162. width:500px;
  163. padding: 8px;
  164. display: block;
  165. background-color: {color:entries};
  166. overflow:hidden;
  167. margin: 20px 3px 3px 3px;}
  168.  
  169. #post{
  170. margin-left: 550px;
  171. width:550px;
  172. overflow:hidden;
  173. padding:22px;
  174. background-color:#;
  175. Margin-top:-5px;}
  176.  
  177. #sidebar{
  178. margin-left:30px;
  179. width: 240px;
  180. padding: 7px;
  181. z-index:9999;
  182. background-image:url('');
  183. text-align:justify;
  184. background-color: {color:sidebar};}
  185.  
  186. b {
  187. font-weight:
  188. bold;color: {color:text};}
  189.  
  190. i, em {
  191. font-weight:italic;
  192. color: {color:text};}
  193.  
  194. u {
  195. font-weight:none;
  196. color: {color:underline};}
  197.  
  198. .asker {
  199. width: 490px;
  200. background-color: {color:background};
  201. padding: 5px;
  202. font-size: 11px;
  203. font-weight: bold;
  204. text-transform: uppercase;
  205. line-height: 11px; }
  206.  
  207. .asker img{
  208. float: left;
  209. padding: 0px 5px 0px 0px;}
  210.  
  211. .asker a{
  212. font-size: 11px;
  213. font-weight: bold;
  214. color:{color:link};
  215. line-height: 11px;
  216. padding: 0;
  217. margin: 0;}
  218.  
  219. .question {
  220. font-size: 10px;
  221. font-weight: normal;
  222. color:{color:text};
  223. overflow:hidden;
  224. text-transform: none;}
  225.  
  226. .answer {
  227. padding-left: 4px;
  228. padding-right: 4px;
  229. padding-top: 4px;}
  230.  
  231. .answer img {
  232. max-width: 470px;}
  233.  
  234. #portrait img {
  235. width:40px;
  236. height:40px;
  237. margin-top:5px;
  238. margin-left:5px;
  239. z-index:2;}
  240.  
  241. #acont{
  242. z-index:2;
  243. display:block;
  244. width: 60px;
  245. height:60px;
  246. background-color:#ffffff;
  247. opacity:0.7;
  248. position:absolute;
  249. }
  250.  
  251. #acont:hover{
  252. -webkit-transition: all 0.2s ease-in-out;
  253. -moz-transition: all 0.2s ease-in-out;
  254. -o-transition: all 0.2s ease-in-out;
  255. transition: all 0.2s ease-in-out;
  256. opacity:0.6;}
  257.  
  258. #audioplayer{
  259. width:20px;
  260. height:20px;
  261. overflow:hidden;
  262. margin: 18px 0px 0px 15px;
  263. background-color:transparent;}
  264.  
  265. .atext {
  266. background-color:{color:audio info};
  267. font-family: {font:body}!important;
  268. font-size: 8px;
  269. line-height: 7px;
  270. letter-spacing: 2px;
  271. color: {color:link}!important;
  272. margin-bottom: 1px;
  273. margin-left: 25px;
  274. text-transform:;
  275. text-decoration: none;
  276. display: block;
  277. padding: 6px 5px 6px;
  278. width:470px;
  279. text-align:center;}
  280.  
  281. .atext:hover {
  282. color:{color:link};
  283. background-color:{color:entries};
  284. -webkit-transition: opacity 0.7s linear;
  285. opacity: 0.9s;
  286. -webkit-transition: all 0.6s ease-out;
  287. -moz-transition: all 0.6s ease-out;
  288. transition: all 0.6s ease-out;
  289. font-style:italic;}
  290.  
  291. .audio{
  292. position:absolute;
  293. width:40px;
  294. height:40px;}
  295.  
  296. .aimg{
  297. width:100px;
  298. height:100px;
  299. position:absolute;}
  300.  
  301. .aimg img{
  302. float:left;
  303. opacity:0.6;
  304. width:60px;
  305. }
  306.  
  307.  
  308. #info {
  309. border-bottom: 1px dotted #F7F7F7;
  310. text-align:left; padding:3px;
  311. text-transform:uppercase;
  312. letter-spacing:1px;
  313. width:490px;
  314. margin-top:3px;
  315. font-size:7px;}
  316.  
  317. #pagination {
  318. font-family:courier new;
  319. text-align:center;
  320. font-size:10px;
  321. text-transform:uppercase;
  322. margin-top:8px;
  323. }
  324.  
  325. .left {
  326. margin-left:38px;
  327. margin-top:-3px;}
  328. .nav a {
  329. margin-left:3px;
  330. font-family: {font:body}!important;
  331. font-size: 11px;
  332. line-height: 7px;
  333. letter-spacing: px;
  334. color: {color:link}!important;
  335. margin-top: -10px;
  336. margin-left:1px;
  337. padding:2px;
  338. text-transform:;
  339. text-decoration:;
  340. text-align:center;}
  341.  
  342. .nav a:hover {
  343. color:{color:link hover};
  344. background-color:{color:nav hover};
  345. padding:2px;
  346. -webkit-transition: opacity 0.7s linear;
  347. opacity: 0.2s;
  348. -webkit-transition: all 0.7s ease-out;
  349. -moz-transition: all 0.7s ease-out;
  350. transition: all 0.7s ease-out;
  351. }
  352.  
  353. iframe#tumblr_controls {
  354. top: 0% !important;
  355. right:0% !important;
  356. position: fixed !important;}
  357.  
  358. .source img {
  359. margin-top:2px;
  360. margin-left:1px;
  361. margin-bottom:1px;
  362. border:4px solid {color:background};
  363. }
  364.  
  365. #containertag{
  366. position:absolute;
  367. width: 85px;
  368. margin-left: 540px;
  369. margin-top:0px;
  370. }
  371.  
  372. #infobox {
  373. font-family:{font:body};
  374. text-transform: uppercase;
  375. font-size:7px;
  376. padding:5px;
  377. background-color: {color:entries};
  378. }
  379.  
  380. #sidecont {
  381. width:240px;}
  382.  
  383. #desc {
  384. width: 180px;
  385. border-left:1px solid {color:text};
  386. padding: 5px;
  387. margin-left:100px;
  388. overflow:hidden;
  389. min-height:40px;
  390. position: absolute;
  391. }
  392.  
  393. #title1 {
  394. width: 50px;
  395. position: absolute;
  396. padding:5px 0px 0px 35px;
  397. }
  398.  
  399. #tags{
  400. overflow:hidden;
  401. width: 500px;
  402. text-transform:uppercase;
  403. letter-spacing:1px;
  404. font-size:7px;
  405. margin-left: 5px;
  406. margin-top:-2px;}
  407.  
  408. #fade { /*--Transparent background layer--*/
  409. display: none; /*--hidden by default--*/
  410. background: {color:background};
  411. position: fixed; left: 0; top: 0;
  412. width: 100%; height: 100%;
  413. opacity: .80;
  414. z-index: 9999;
  415. }
  416. .popup_block{
  417. display: none; /*--hidden by default--*/
  418. background: #fff;
  419. padding: 20px;
  420. border: none;
  421. float: left;
  422. position: fixed;
  423. top: 50%;
  424. left: 50%;
  425. z-index: 99999;
  426. }
  427.  
  428. #s-m-t-tooltip{
  429. position:absolute;
  430. background-color:{color:sidebar};
  431. padding:5px;
  432. max-width:300px;
  433. z-index:99;
  434. margin-top:20px;
  435. margin-left: 10px;
  436. display:inline-block;
  437. text-transform:lowercase;
  438. font-size:11px;
  439. font-family:{font:body};
  440. line-height:14px;
  441. color:{color:link};
  442. letter-spacing:1px;}
  443.  
  444. </style>
  445.  
  446. <style type="text/css">{CustomCSS}</style>
  447.  
  448. <body>
  449.  
  450.  
  451.  
  452. <div id="container2">
  453.  
  454. <div id="container">
  455.  
  456.  
  457. <div id="sidebar">
  458. <img src="{image:sidebar}" width="240px">
  459. </div>
  460.  
  461. <div class="left"><div class="nav"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; TEXT-TRANSFORM: none; COLOR: {color:sidebar}; LINE-HEIGHT: 8pt; LETTER-SPACING: 1pt; text-transform:uppercase;">◥</font>
  462. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous">« </a>{/block:PreviousPage}{/block:Pagination} <a href="/" title="home">home</a> <a href="#?w=500" rel="ask" title="ask" class="poplight">ask</a> {block:IfLinkOneurl}<a href="{text:link one url}">{text:link one name}</a>{/block:IfLinkOneurl} {block:IfLinkTwourl}<a href="{text:link two url}">{text:link two name}</a>{/block:IfLinkTwourl} {block:IfLinkThreeurl}<a href="{text:link Three url}">{text:link Three name}</a>{/block:IfLinkThreeurl} {block:IfLinkFoururl}<a href="{text:link Four url}">{text:link Four name}</a>{/block:IfLinkFoururl} {block:IfLinkFiveurl}<a href="{text:link Five url}">{text:link Five name}</a>{/block:IfLinkFiveurl} {block:Pagination}{block:NextPage}<a href="{NextPage}" title="forward"> »</a>{/block:NextPage}{/block:Pagination}
  463. </div></div>
  464. <br>
  465. <div id="sidecont"><div id="title1"><a href="/" title="home"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7pt; TEXT-TRANSFORM: none; COLOR: {color:title}; LINE-HEIGHT: 8pt; FONT-FAMILY:{font:sidebar title}; LETTER-SPACING: 1pt; text-transform:uppercase;"><p align="right">{Title}</p></FONT></a></div>
  466. <div id="desc">{description}</div></div>
  467.  
  468. </div>
  469.  
  470.  
  471. </div>
  472.  
  473.  
  474.  
  475. <br>
  476.  
  477. <div id="post">
  478. {block:Posts}
  479. <div id="entries">
  480. <div id="containertag">
  481. <div id="infobox"><center>
  482. <div class="source">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>{block:ContentSource}<a href="{SourceURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{block:ContentSource}{/block:RebloggedFrom}</div>
  483. <a href="{Permalink}" title="permalink">{DayOfMonthWithZero} {Month} {Year} @ {12Hour}:{Minutes}{AmPm}</a> {block:NoteCount}+ {Notecount}{/block:NoteCount}
  484. </div>
  485. </div>
  486.  
  487. {block:Text}
  488. <div id="entry">
  489. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{title}</font>{/block:Title}{Body}
  490. </div>
  491. {/block:Text}
  492.  
  493. {block:Photo}
  494. <div id="entry">
  495. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  496. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  497. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500" title"Photo"/>
  498. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  499. {block:Caption}{Caption}{/block:Caption}
  500. </div>{/block:Photo}
  501.  
  502. {block:Photoset}
  503. <div id="entry">
  504. {Photoset-500}
  505. {block:Caption}{Caption}{/block:Caption}
  506. </div>
  507. {/block:Photoset}
  508.  
  509. {block:ContentSource}
  510. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  511. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  512. {/block:SourceLogo}
  513. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  514. {/block:ContentSource}
  515.  
  516. {block:Quote}
  517. <div id="entry">
  518. <span class="quote"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}, serif;font-style:italic;">{quote}</font><br>{block:Source}<p align="right">&mdash; <b>{Source}</b></p>{/block:Source}
  519. </div>
  520. {/block:Quote}
  521.  
  522. {block:Link}
  523. <div id="entry">
  524. <div class="h2"><a href="{URL}" title="{name}"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{name}</font></a></div>{block:Description}{Description}{/block:Description}
  525. </div>
  526. {/block:Link}
  527.  
  528. {block:Chat}
  529. <div id="entry">
  530. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{title}</font>{/block:Title}<br>
  531. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  532. </div>
  533. {/block:Chat}
  534.  
  535. {block:Audio}
  536. <div id="entry">
  537. <div class="audio"><div id="acont"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  538. <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  539. <span class="atext">{block:TrackName}{TrackName}{/block:TrackName}</span>
  540. <span class="atext">{block:Artist}{Artist}{/block:Artist}</span>
  541. <span class="atext">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  542. <br>
  543. {block:Caption}{Caption}{/block:Caption}
  544. </div>
  545. {/block:Audio}
  546.  
  547. {block:Answer}
  548. <div id="entry">
  549. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  550. <div class="question">{Question}</div></div>
  551. <div class="answer">{Answer}</div>
  552. </div>
  553. {/block:Answer}
  554.  
  555.  
  556. {block:Video}
  557. <div id="entry">
  558. {Video-500}
  559. {block:Caption}{Caption}{/block:Caption}
  560. </div>
  561. {/block:Video}
  562.  
  563. <div id="tags">{block:HasTags}tagged: {block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  564.  
  565. {block:PostNotes}
  566. {PostNotes}
  567. {/block:PostNotes}
  568. </div>
  569. {/block:Posts}
  570. </div>
  571. </div>
  572. </div>
  573.  
  574. <div style="position:fixed; bottom:5px; right:5px;"><a href="http://hkthemes.tumblr.com" titile=”(c) hkthemes”>&mdash; theme</a></div>
  575.  
  576. </body>
  577. <div id="ask" class="popup_block">
  578. ask me a question!<br>
  579. <p><iframe frameborder="0"scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—></p>
  580.  
  581. </div>
  582. </div>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement