Don't like ads? PRO users don't see any ads ;-)
Guest

CHURCH IN THE LIGHT

By: luhans on Jul 18th, 2012  |  syntax: None  |  size: 15.98 KB  |  hits: 12,136  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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="#FAFAF0" />
  10. <meta name="color:text" content="#BEBBA8" />
  11. <meta name="color:link" content="#acac9b" />
  12. <meta name="color:nav hover" content="#FAFAFA" />
  13. <meta name="color:audio info" content="#F7F7F7" />
  14. <meta name="color:entries" content="#FFFFFC"/>
  15. <meta name="color:sidebar" content="#FFFFFC" />
  16. <meta name="color:link hover" content="#F8F8F8" />
  17. <meta name="color:title" content="#8a7e69" />
  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>