API tools faq
paste
Section

SECTION Theme

Section
Oct 30th, 2014
220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 56.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html
  4.    xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
  5.    xmlns:og="http://ogp.me/ns#"
  6.    xmlns:fb="http://www.facebook.com/2008/fbml">
  7.    
  8.     <!--
  9.        ◯ Mod
  10.        Theme by SECTION.
  11.        Based on inky. *Huge thanks! ~\^o^/~
  12.        Derived from 'Minimalist', one of the default Tumblr themes.
  13.        -->
  14.     <head>
  15.         <!--
  16.            //
  17.            //     META, HEADER, DESC
  18.            //  
  19.            //
  20.            -->
  21.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  22.         <title>{Title}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  23.         <meta name="color:Background" content="#1a2e46"/>
  24.         <meta name="color:Text" content="#444"/>
  25.         <meta name="color:Secondary" content="#888"/>
  26.         <meta name="color:Minor" content="#bbb"/>
  27.         <meta name="color:Link" content="#000"/>
  28.         <meta name="font:Body" content="'Helvetica Neue', Arial, Helvetica, sans-serif"/>
  29.         <meta name="if:Show post notes" content="1"/>
  30.         <meta name="if:Show the number of post notes" content="0"/>
  31.         <meta name="if:Semitransparent audio player" content="1"/>
  32.         <meta name="if:Link to liked posts" content="0"/>
  33.         <meta name="if:Link to theme" content="0"/>
  34.         <meta name="if:Infinite Scroll" content="0">
  35.         <meta name="text:Disqus Shortname" content=""/>
  36.         <meta name="google-site-verification" content="MT3It8dQ99jHpEUKcJlplpLI7ICKYkE4hAOCya_7aFc" />
  37.        
  38.        
  39.         <meta property="fb:admins" content="100001556051180" />
  40.         <meta content='SECTION : One-Stop' property='og:title'/>
  41.         <meta content='website' property='og:type'>
  42.         <meta content='http://static.tumblr.com/ijt06jz/N65ne1c7m/ss.jpg' property='og:image'>
  43.         <meta content="SECTION Portofolio and Personal Blog" property='og:description'>
  44.         <meta property="og:site_name" content="SECTION : One-stop" />
  45.         <meta content='http://akasection.tumblr.com/' property='og:url'/>
  46.        
  47.         <meta name="keywords" content="section,album,axection,akasection,blog,tumblr,portofolio,senja">
  48.         <meta name="description" content="SECTION Personal Blog">
  49.         <meta name="robots" content="index">
  50.         <meta name="author" content="SECTION">
  51.         <meta name="viewport" content="width=550px, initial-scale=0.5">
  52.    
  53.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  54.         <link rel="icon" href="{Favicon}"/>
  55.         <link href='http://fonts.googleapis.com/css?family=Signika:400,300,600' rel='stylesheet' type='text/css' />
  56.             <link href='http://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css' />
  57.                 <link type="text/css" href="http://static.tumblr.com/1ksdjo3/SYnn62mce/jquery.jscrollpane.css" rel="stylesheet" media="all" />
  58.                 <link type="text/css" href="http://static.tumblr.com/ijt06jz/BDtndvu2a/owl.carousel.css" rel="stylesheet" />
  59.                 <link type="text/css" href="http://static.tumblr.com/ijt06jz/nFsndvrj0/animate.css" rel="stylesheet" />
  60.                 <link rel="stylesheet" href="http://static.tumblr.com/ijt06jz/9qGndzn60/mediaelementplayer.css" />
  61.                 <meta name="description" content="{MetaDescription}"/>
  62.                 <!--
  63.            //
  64.            //     STYLE TIME
  65.            //  
  66.            //
  67.            -->
  68.                 <style type="text/css">
  69.             html, body, div, span, object, iframe,
  70.             h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  71.             a, abbr, acronym, address, b, cite, code,
  72.             del, dfn, em, i, img, ins, kbd, q, samp,
  73.             strike, strong, tt, var,
  74.             dl, dt, dd, ol, ul, li,
  75.             fieldset, form, label, legend,
  76.             table, caption, tbody, tfoot, thead, tr, th, td
  77.             {margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
  78.             line-height: inherit; vertical-align: baseline; background: transparent;}
  79.             html {font-size:100.01%;}
  80.             caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
  81.             h1, h2, h3, h4, h5, h6 {font-weight: 300;}
  82.             blockquote, q {quotes: none;}
  83.             blockquote:before, blockquote:after, q:before, q:after {content: '';}
  84.             :focus {outline: 0;}
  85.             ins {text-decoration: underline;}
  86.             del {text-decoration: line-through;}
  87.             a {text-decoration: none;color:{color:Secondary};}
  88.             html {background-color: {color:Background};}
  89.             body {font-size: 12pt/18pt;  font-family: 'Signika', sans-serif; {font:Body}; background-color: {color:Background}; color: {color:Text};}
  90.             #body{ height:100vh; overflow:hidden; min-width:550px;}
  91.             #content {position: relative; width: 500px; margin: auto;}
  92.             h1 {font-size: 3em; line-height:1; padding:0.5em 0 1em; text-align:center;}
  93.             h1 a {color: {color:Text}; padding: 0 0.25em; font-weight: bold;}
  94.             h2, h3 {line-height:1em;font-weight:300;}
  95.             p, pre, ul, ol, blockquote, form {margin: 9pt 0 18pt; line-height: 18pt;}
  96.             blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid {color:Minor};}
  97.             pre {overflow-x: auto; font-size: 11pt;}
  98.             sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
  99.             sup {bottom: 0.5ex;}
  100.             sub {top: 0.5ex;}
  101.             sup a {font-weight: normal !important; padding: 0 1px;}
  102.             hr {height: 0; margin: 0 0 18pt; border: solid {color:Minor}; border-width: 2pt 0 0;}
  103.             #description {
  104.                 position: absolute;
  105.                 left: 530px;
  106.                 color: {color:Minor};
  107.                 font-size: 11pt;
  108.                 width: 10em;
  109.                
  110.                 -webkit-transition: all 0.3s ease-in-out;
  111.                 -moz-transition: all 0.3s ease-in-out;
  112.                 -o-transition: all 0.3s ease-in-out;
  113.                 transition: all 0.3s ease-in-out;
  114.             }
  115.             #description p, #description form, #description ul {margin-top: 0;}
  116.             #description a {color: {color:Secondary};}
  117.             #description a:hover {color: {color:Text};}
  118.             #description form .input
  119.             {background: {color:Background}; color: {color:Secondary}; font-size: 10pt;
  120.             text-transform: lowercase; width: 90%; border: solid {color:Minor};
  121.             border-width: 0 1px 1px 0;}
  122.             #description .submit {height: 0; overflow: hidden; display: block;}
  123.             #description .meta {list-style: none; word-spacing: 0.25em; font-size: 10pt; text-transform: uppercase;}
  124.             #description .meta a {color: {color:Minor};}
  125.             #description .meta a:hover {color: {color:Text};}
  126.            
  127.             /* POST PADDER */
  128.             #posts {margin: 0;}
  129.             .post {position: relative; list-style: none; margin-bottom: 4.5em;}
  130.             .post ul li {list-style: square;}
  131.             .post img {max-width: 100%;}
  132.             .post-body h3 {font-size: 1.75em; position: relative;}
  133.             .post-body a {font-weight: bold; color: {color:Link}; border-bottom: 1px solid transparent;}
  134.             .post-body a:hover {color: {color:Text}; border-bottom-color: {color:Minor};}
  135.             .post-body .image a {border-width: 0;}
  136.             .post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul,
  137.             .post-body blockquote ul, .post-body blockquote ol {margin-left: 1.5em;}
  138.             .permalink {font-size: 11pt; position: absolute; right: 530px; text-align: right;}
  139.             .permalink a {color: {color:Minor}; white-space: nowrap; padding: 0 0 4.5pt 9pt;}
  140.             .permalink a:hover {color: {color:Text};}
  141.             a.disqus-permalink {text-transform: lowercase; padding-left: 0;}
  142.             .caption, .cite {font-size: 11pt; margin-top: 9pt;}
  143.             .caption p {margin-top: 18pt;}
  144.             .text-post {position: relative; top: -2pt;}
  145.             .text-post h3 {margin-bottom: 9pt;}
  146.             .link-post {position: relative; top: -2pt;}
  147.             .link-post h3 {display: inline; padding-right:9pt;}
  148.             .link-post a {color: {color:Text};}
  149.             .link-post a:hover {color: {color:Secondary};}
  150.             .link-post a.link {color: {color:Link};}
  151.             .link-post a.link:hover {color: {color:Text};}
  152.             .quote-post {position: relative; top: -4.5pt;}
  153.             .quote-post blockquote.quote
  154.             {font-size: 18pt; line-height: 24pt; text-indent: -7pt;
  155.             margin: 0; padding: 0; border-width: 0;}
  156.             .quote-post .quote:before {content: '“';}
  157.             .quote-post .quote:after {content: '”';}
  158.             .quote-post .quote a {color: {color:Text};}
  159.             .quote-post .quote a:hover {color: {color:Secondary};}
  160.             .quote-post .cite {color: {color:Secondary}; margin-left: 1.5em; text-indent: -1.5em;}
  161.             .chat-post li {list-style: none; margin-left: 2em; text-indent: -2em;}
  162.             .chat-post b {font-weight: bold; padding-right: 4.5pt;}
  163.             {block:IfSemitransparentAudioPlayer}
  164.             .audio-post .audio {opacity: 0.75;}
  165.             {/block:IfSemitransparentAudioPlayer}
  166.             .post-source {color: {color:Secondary};}
  167.             .post-source a {color: {color:Secondary};}
  168.             .post-source a:hover {color: {color:Text};}
  169.             .post-source .prefix {font-size: 0.9em; text-transform: uppercase;
  170.             letter-spacing: 0.1em; word-spacing: 0.1em;}
  171.             #disqus_thread {margin-top: 54pt;}
  172.             #disqus_thread a {color: {color:Secondary};}
  173.             .notes {color: {color:Minor}; margin-top: 2pt;}
  174.             .notes li {list-style: none; margin-bottom: 2pt;}
  175.             .notes img, .notes .clear {display: none;}
  176.             .notes .photo_container img {display: block !important;}
  177.             .notes a {color: {color:Secondary};}
  178.             .notes a:hover {color: {color:Text};}
  179.             .footnotes a[rev="footnote"] {color: {color:Secondary};}
  180.             .footnotes hr {margin: 34pt 0 18pt;}
  181.             #footer {text-align: center; margin-top:4.5em;}
  182.             #footer a, #spacer a {{color:Secondary}; font-weight:normal;}
  183.             #footer a:hover, #spacer a:hover {font-weight:bold;}
  184.            
  185.             /* ADDITIONAL */
  186.            
  187.            
  188.             #topsection{
  189.                 width:100%;
  190.                 height:100%;
  191.                 position:relative;
  192.                 background-color:#000;
  193.                 background-position:center bottom;
  194.                 text-align:center;
  195.                
  196.                 /* Animation */
  197.                 -webkit-transition: all 0.9s ease-in-out;
  198.                 -moz-transition: all 0.9s ease-in-out;
  199.                 -o-transition: all 0.9s ease-in-out;
  200.                 transition: all 0.9s ease-in-out;
  201.             }
  202.            
  203.             #title{
  204.                 margin:0 0 0 0;
  205.                 color:#fff;
  206.                 font-size:48pt;
  207.                 padding-top:12px;
  208.                 letter-spacing:2pt;
  209.                 font-weight:200;
  210.                 text-shadow: none;
  211.                 -webkit-transition: 500ms linear 0s;
  212.                 -moz-transition: 500ms linear 0s;
  213.                 -o-transition: 500ms linear 0s;
  214.                 transition: 500ms linear 0s;
  215.                 outline: 0 none;
  216.             }
  217.            
  218.             #title:hover, #title:focus
  219.             {
  220.                 color: #fff;
  221.                 text-shadow: 0 0 4px #fff;
  222.             }
  223.            
  224.            
  225.             #subtitle{
  226.                 padding-top:16px;
  227.                 letter-spacing:5pt;
  228.                 color:#bbbbff;
  229.                 margin:0 0 0 0;
  230.                 font-weight:400;
  231.             }
  232.             .sublink{
  233.                 /* animation */
  234.                 text-shadow: none;
  235.                 -webkit-transition: 250ms linear 0s;
  236.                 -moz-transition: 250ms linear 0s;
  237.                 -o-transition: 250ms linear 0s;
  238.                 transition: 250ms linear 0s;
  239.                 outline: 0 none;
  240.             }
  241.            
  242.             .sublink:hover{
  243.                 text-shadow: -2px -1px 8px #fff;
  244.                 text-shadow: 0 0 3px #fff;
  245.             }
  246.            
  247.             #footsection{
  248.                 letter-spacing:4px;
  249.                 font-size:8pt;
  250.                 margin:0 0 0 0;
  251.                 padding-left:4px;
  252.             }
  253.             /*{CustomCSS} /**/
  254.            
  255.             #leftfoot{
  256.                 overflow:hidden;
  257.                 opacity:0;
  258.                 bottom:0;
  259.                 position:fixed;
  260.                
  261.             }
  262.            
  263.             .song-holder{
  264.                 bottom:50px;
  265.                 position:absolute;
  266.                 height:100px;
  267.                 text-align:left;
  268.                 padding-left:50px;
  269.                 /* Animation */
  270.                 -webkit-transition: all 0.4s ease-in-out 0.5s;
  271.                 -moz-transition: all 0.4s ease-in-out 0.5s;
  272.                 -o-transition: all 0.4s ease-in-out 0.5s;
  273.                 transition: all 0.4s ease-in-out 0.5s;
  274.             }
  275.            
  276.             #newsfoot{
  277.                 bottom:0px;
  278.                 position:absolute;
  279.                 width:100%;
  280.                 text-align:right;
  281.                 padding-top:12px;
  282.                 background: url('http://static.tumblr.com/ijt06jz/BrHndxv8z/blackshade.png');
  283.                 background-repeat:repeat-x;
  284.                 /* Animation */
  285.                 -webkit-transition: all 0.7s ease-in-out 0.5s;
  286.                 -moz-transition: all 0.7s ease-in-out 0.5s;
  287.                 -o-transition: all 0.7s ease-in-out 0.5s;
  288.                 transition: all 0.7s ease-in-out 0.5s;
  289.             }
  290.             #leftarrow{
  291.                 left:0px;
  292.                 transform: rotate(180deg);
  293.             }
  294.            
  295.            
  296.             #rightarrow{
  297.                 right:0px;
  298.             }
  299.            
  300.             .carousel-controls{
  301.                 width:50px;
  302.                 height:100%;
  303.                 position:absolute;
  304.                 background: url('http://static.tumblr.com/ijt06jz/cyTndw1vn/shade-right.png');
  305.                 background-repeat:repeat-y;
  306.                 top: 0px;                
  307.                
  308.                 text-align:right;
  309.                 padding-right:4px;
  310.                
  311.                 /*Carousel Cleaning */
  312.                 -webkit-user-select: none;
  313.                   -khtml-user-select: none;
  314.                   -moz-user-select: none;
  315.                   -ms-user-select: none;
  316.                   user-select: none;
  317.                   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  318.                
  319.                 /* Carousel Animation */
  320.                 -webkit-transition: all 0.3s ease-in-out;
  321.                 -moz-transition: all 0.3s ease-in-out;
  322.                 -o-transition: all 0.3s ease-in-out;
  323.                 transition: all 0.3s ease-in-out;
  324.             }
  325.             .carousel-controls img{
  326.                 position: relative;
  327.                 top: 50%;
  328.                 transform: translateY(-50%);
  329.             }
  330.             .carousel-controls:hover{
  331.                 width:78px;
  332.                 padding-right:12px;
  333.                
  334.             }
  335.             #newsfoot img{
  336.                 margin-right:4px;
  337.             }
  338.            
  339.             #poweredfoot{
  340.                 position:fixed;
  341.                 width:110%;
  342.                 text-align:left;
  343.                 height:48px;
  344.                 top:0px;
  345.                 background-color:rgba(0,0,0,0.76);
  346.                 box-shadow: -4px 2px 4px 0px #000;
  347.                 /* Animation */
  348.                 -webkit-transition: all 0.5s ease-in-out;
  349.                 -moz-transition: all 0.5s ease-in-out;
  350.                 -o-transition: all 0.5s ease-in-out;
  351.                 transition: all 0.5s ease-in-out;
  352.            
  353.             }
  354.            
  355.              #poweredfoot2{
  356.                 position: fixed;
  357.                 right: 2px;
  358.                 text-align: center;
  359.                 height: 48px;
  360.                 width: 52px;
  361.                 vertical-align: middle;
  362.                 opacity:0;
  363.                 top: 6px;
  364.                 /* Animation */
  365.                 -webkit-transition: all 0.5s ease-in-out;
  366.                 -moz-transition: all 0.5s ease-in-out;
  367.                 -o-transition: all 0.5s ease-in-out;
  368.                 transition: all 0.5s ease-in-out;
  369.                
  370.             }
  371.            
  372.              #poweredfootmid{
  373.                 font-family: 'Share Tech', sans-serif;
  374.                 position: fixed;
  375.                 left: 250px;
  376.                 width:650px;
  377.                 height: 48px;
  378.                 vertical-align:middle;
  379.                 top: 16px;
  380.                 word-spacing:1em;
  381.                 letter-spacing: 0.1em;
  382.                 font-size:10pt;
  383.  
  384.                
  385.             }
  386.             #poweredfootmid a{
  387.                     color:#fff;
  388.                     text-shadow: 0 0 6px rgba(100,255,255,0.5);
  389.                     -webkit-transition: all 0.2s ease-in-out;
  390.                     -moz-transition: all 0.2s ease-in-out;
  391.                     -o-transition: all 0.2s ease-in-out;
  392.                     transition: all 0.2s ease-in-out;
  393.             }
  394.             #poweredfootmid a:hover{
  395.                     color:#fff;
  396.                     text-shadow: 0 0 12px #ffffff;
  397.             }
  398.            
  399.             #content{
  400.                 -webkit-transition: all 0.6s ease-in-out;
  401.                 -moz-transition: all 0.6s ease-in-out;
  402.                 -o-transition: all 0.6s ease-in-out;
  403.                 transition: all 0.6s ease-in-out;
  404.             }
  405.            
  406.  
  407.             .search::-webkit-input-placeholder
  408.             {
  409.                 color:#fff;
  410.                 font-style:italic;
  411.             }
  412.             #hiddencontent{
  413.                 margin:24px 15% 0 15%;
  414.                 text-align:left;
  415.                 /*overflow:auto;*/
  416.             }
  417.            
  418.             .hiddentitle{
  419.                 text-align:center;
  420.                 font-size:32pt;
  421.                 font-weight:200;
  422.             }
  423.             .hiddenheader{
  424.                 text-align:center;
  425.                 font-size:22pt;
  426.                 font-weight:600;
  427.             }
  428.             .hiddenimage{
  429.                 text-align:center;
  430.             }
  431.            
  432.             #description.sticky{
  433.                 position: fixed;
  434.                 left: calc(50% + 275px);
  435.                 top: 15px;
  436.                
  437.                 -webkit-transition: all 0s ease-in-out;
  438.                 -moz-transition: all 0s ease-in-out;
  439.                 -o-transition: all 0s ease-in-out;
  440.                 transition: all 0s ease-in-out;
  441.             }
  442.            
  443.             /*additrional */
  444.             body {
  445.             top: 0;
  446.             left: 0;
  447.             bottom: 0;
  448.             right: 0px;
  449.             overflow-y: scroll;
  450.             overflow-x: hidden;
  451.             font-weight:300;
  452.             letter-spacing: 0.02em;
  453.             }
  454.            
  455.             html {
  456.             background-color: #000;
  457.             }
  458.             /*
  459.             ::-webkit-scrollbar {
  460.             width: 8px;
  461.             height: 8px;
  462.             }
  463.            
  464.             ::-webkit-scrollbar-button:start:decrement,
  465.             ::-webkit-scrollbar-button:end:increment  {
  466.             height: 0px;
  467.             display: block;
  468.             background-color: transparent;
  469.             }
  470.            
  471.             ::-webkit-scrollbar-track-piece  {
  472.             background-color: transparent;
  473.             }
  474.  
  475.             ::-webkit-scrollbar-thumb:vertical {
  476.             height: 40px;
  477.             background-color: #000;
  478.             }
  479.            
  480.             ::-webkit-scrollbar-thumb:horizontal {
  481.             width: 8px;
  482.             background-color: #000;
  483.             }
  484.             */
  485.             .rightscroller{
  486.                 top:0;
  487.                 bottom:0;
  488.                 display:block;
  489.                 position:fixed;
  490.                 right:0;
  491.                 width:25px;
  492.                 background-color:rgba(255,255,255,0);
  493.             }
  494.            
  495.             #topcarousel{
  496.                 opacity:0;
  497.             }
  498.            
  499.             #topcarousel .item{
  500.                 display: block;
  501.                 position: relative;
  502.                 top: 0px;
  503.                 right: 0px;
  504.                 bottom: 0px;
  505.                 left: 0px;
  506.                 height: 100vh;
  507.                 background-repeat: no-repeat;
  508.                 background-size: cover;
  509.                 background-position: bottom right; /* TODO:Nanti diganti jadi berubah2 tiap DIV */
  510.                 /* Maintain aspect ratio */
  511.                 max-height: 100%;
  512.                 max-width: 100%;
  513.             }
  514.            
  515.             .owl-carousel {
  516.                 z-index: 0;
  517.             }
  518.            
  519.             #carousel-control{
  520.                 position: absolute;
  521.                 top: 0;
  522.                 height: 100%;
  523.                 width: 100%;
  524.  
  525.             }
  526.            
  527.             .btn{
  528.                 cursor:pointer;
  529.             }
  530.            
  531.             .navigator {
  532.               color:white;
  533.               -webkit-border-radius: 0;
  534.               -moz-border-radius: 0;
  535.               border-radius: 0px;
  536.               -webkit-box-shadow: 0px 3px 1px #666666;
  537.               -moz-box-shadow: 0px 3px 1px #666666;
  538.               box-shadow: 0px 3px 1px #666666;
  539.               background: #3d3d3d;
  540.               padding: 10px 100px 10px 100px;
  541.               border: solid #ffffff 1px;
  542.               text-decoration: none;
  543.             }
  544.  
  545.             .navigator:hover {
  546.               background: #242424;
  547.               text-decoration: none;
  548.             }
  549.            
  550.             #spacer{
  551.                 position: relative;
  552.                 height: 150px;
  553.                 text-align: center;
  554.                 line-height: 200px;
  555.             }
  556.            
  557.            
  558.             #botsection{
  559.                 opacity: 1;
  560.                 height: 0;
  561.                 position: relative;
  562.                 overflow: auto;
  563.                 -webkit-transition: all 0.9s ease-in-out;
  564.                 -moz-transition: all 0.9s ease-in-out;
  565.                 -o-transition: all 0.9s ease-in-out;
  566.                 transition: all 0.9s ease-in-out;
  567.             }
  568.             #botoverlay{
  569.                 position:relative;
  570.                
  571.             }
  572.            
  573.             .blogicon{
  574.                 -webkit-transition: all 0.9s ease-in-out;
  575.                 -moz-transition: all 0.9s ease-in-out;
  576.                 -o-transition: all 0.9s ease-in-out;
  577.                 transition: all 0.9s ease-in-out;
  578.             }
  579.             .song-art{
  580.                 width:100px;
  581.                 height:100px;
  582.                 float:left;
  583.                 opacity:0;
  584.             }
  585.            
  586.             .song-info{
  587.                 height:100px;
  588.                 float:right;
  589.                 padding-top:12px;
  590.                 opacity:0;
  591.             }
  592.             .song-info p{
  593.                 color:white;
  594.                 font-family: 'Share Tech', sans-serif;
  595.                 margin:0;
  596.                 padding-left:8px;
  597.                 text-shadow: 0 0 8pt black;
  598.                
  599.                 -webkit-transition: all 0.6s ease-in-out;
  600.                 -moz-transition: all 0.6s ease-in-out;
  601.                 -o-transition: all 0.6s ease-in-out;
  602.                 transition: all 0.6s ease-in-out;
  603.             }
  604.             #song_title{
  605.                 font-size:34px;
  606.                 margin-bottom:4px;
  607.             }
  608.             #song_artist{
  609.                 font-size:18px;
  610.                 height:18px;
  611.             }
  612.             #song_art{
  613.                 width:100px;
  614.                 height:100px;
  615.                 box-shadow:0 0 8px black;
  616.             }
  617.             #song_album{
  618.                 font-size:14px;
  619.                 margin-bottom:0px;
  620.             }
  621.              #song_link{
  622.                 font-size:14px;
  623.                 margin-bottom:0px;
  624.                 line-height: 1em;
  625.             }
  626.             #songlink{
  627.                 font-size:14px;
  628.                 color: #ddefa7;
  629.                 margin-bottom:0px;
  630.             }
  631.            
  632.             #footnote{
  633.                 font-size:8pt;
  634.                 /*line-height:normal; */
  635.                 margin:0;
  636.                 word-spacing:0.3em;
  637.             }
  638.            
  639.             .preloader{
  640.                 text-align: center;
  641.                 background-color: #666;
  642.                 color: white;
  643.                 padding: 100px;
  644.             }
  645.            
  646. </style>
  647.                 <style type="text/css" id="page-css"></style>
  648.                 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  649.                 <script type="text/javascript" src="http://static.tumblr.com/1ksdjo3/fTnn79ft0/smoothscroll.js"></script>
  650.                 <script type="text/javascript" src="http://static.tumblr.com/1ksdjo3/7SKn62mc5/jquery.mousewheel.js"></script>
  651.                 <script type="text/javascript" src="http://static.tumblr.com/1ksdjo3/HO7n62mc3/jquery.jscrollpane.min.js"></script>
  652.                 <script type="text/javascript" src="http://static.tumblr.com/ijt06jz/TpOndvu26/owl.carousel.min.js"></script>
  653.                 <script src="http://static.tumblr.com/ijt06jz/Ei2ndzn4k/mediaelement-and-player.min.js"></script>
  654.                 <script src="http://static.tumblr.com/ijt06jz/K1Bne09dp/jquery.lazyload-any.min.js"></script>
  655.                
  656.             {block:IfInfiniteScroll}
  657.                 <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  658.             {/block:IfInfiniteScroll}
  659.                 <script type="text/javascript">  
  660.     var isTranslating = 0;
  661.     var CONSTANT_SONG_HIT = 4;
  662.     var mediaplayer;
  663.     var inBlog = 0;
  664.     var lazyness;
  665.    
  666.     // Cache selectors outside callback for performance.
  667.         $(function() {
  668.             //sCROLLPANE
  669.           $('.scroll-pane').jScrollPane();
  670.           var win = $(window);
  671.     // Full body scroll
  672.     var isResizing = false;
  673.     win.bind(
  674.         'resize',
  675.         function()
  676.         {
  677.             if (!isResizing) {
  678.                 isResizing = true;
  679.                 var container = $('.full-page-container');
  680.                 // Temporarily make the container tiny so it doesn't influence the
  681.                 // calculation of the size of the document
  682.                 container.css(
  683.                     {
  684.                         'width': 1,
  685.                         'height': 1
  686.                     }
  687.                 );
  688.                 // Now make it the size of the window...
  689.                 container.css(
  690.                     {
  691.                         'width': win.width(),
  692.                         'height': win.height()
  693.                     }
  694.                 );
  695.                 isResizing = false;
  696.                 container.jScrollPane(
  697.                     {
  698.                         'showArrows': true
  699.                     }
  700.                 );
  701.             }
  702.         }
  703.     ).trigger('resize');
  704.  
  705.     // Workaround for known Opera issue which breaks demo (see
  706.     // http://jscrollpane.kelvinluck.com/known_issues.html#opera-scrollbar )
  707.     $('body').css('overflow', /*'hidden'*/'auto');
  708.  
  709.     // IE calculates the width incorrectly first time round (it
  710.     // doesn't count the space used by the native scrollbar) so
  711.     // we re-trigger if necessary.
  712.     if ($('.full-page-container').width() != win.width()) {
  713.         win.trigger('resize');
  714.     }
  715.    
  716.     function load(img){
  717.       img.fadeOut(0, function() {
  718.         img.fadeIn(900);
  719.       });
  720.     }
  721.     lazyness = $('.lazyload');
  722.     lazyness.lazyload({
  723.         load: load,
  724.        
  725.     });
  726.    
  727.     // Internal scrollpanes
  728.     $('.scroll-pane').jScrollPane({showArrows: false});
  729.     //END of Scrollpane      
  730.           $('a[href*=#]').click(function() {
  731.             if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  732.              var target = $(this.hash);
  733.              
  734.               //property usage
  735.  
  736.               //console.log($(this).attr('href'));
  737.               var a = '#toBot';
  738.               var b = '#topsection';
  739.              
  740.               if ($(this).attr('href').indexOf(a) > -1) {
  741.                 toBot();
  742.                return false;
  743.               }
  744.              
  745.               if ($(this).attr('href').indexOf(b) > -1) {
  746.                 inBlog = 0;
  747.                 $('#poweredfoot2').css('opacity',0);
  748.                
  749.                 $('#botsection').css('opacity',0);        
  750.                 $('#botsection').animate({top:'0'}, {queue: false, duration: 900});
  751.                
  752.                 $('#topsection').animate({top:'0'}, {queue: false, duration: 900});
  753.                 //Audio Controls
  754.                 if(inBlog == 0){
  755.                     $('audio').animate({volume: 1}, 1300);
  756.                 }
  757.                 setTimeout(function(){
  758.                     $('topcarousel').animate({opacity: 1.0}, 900);
  759.                 },900);
  760.                
  761.                 setTimeout(function(){
  762.                     $('#botsection').css('overflow','hidden');
  763.                     $('#botsection').css('height','0');
  764.                     setTimeout(function(){
  765.                         $('.song-art').fadeTo(300,1);
  766.                         $('.song-info').fadeTo(300,1);
  767.                         $('.blogicon').css('opacity',1);      
  768.                     },300);
  769.                 },1800);
  770.                 return false;
  771.               }
  772.               target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  773.               if (target.length) {
  774.                 $('html,body').animate({
  775.                   scrollTop: target.offset().top
  776.                 }, 1000);
  777.                 return false;
  778.               }
  779.             }
  780.           });
  781.  
  782. }); //end of ${(function)}
  783.        
  784.         $(document).ready(function() {
  785.                 var owl = $("#topcarousel");
  786.                
  787.                 owl.owlCarousel({
  788.                     items:1,
  789.                     dots:true,
  790.                     navSpeed: 450,
  791.                     callbacks: true,
  792.                     mouseDrag: false,
  793.                     lazyLoad: true,
  794.                     touchDrag: false,
  795.                     pullDrag: false,
  796.                     animateOut: 'fadeOut',
  797.                     animateIn: 'fadeIn',
  798.                     loop: true,
  799.                     smartSpeed:500
  800.                    
  801.                 });
  802.                 $(".next").click(function(){
  803.                     if(isTranslating == 1)return false;
  804.                     owl.trigger('next.owl.carousel');
  805.                     //console.debug('ahaahahha next');
  806.                 });
  807.                 $(".prev").click(function(){
  808.                     if(isTranslating == 1)return false;
  809.                     owl.trigger('prev.owl.carousel');
  810.                     //console.debug('ahaahahha prev');
  811.                 });
  812.                 owl.on('translate.owl.carousel', function(event) {
  813.                     //console.log(event.page.index + " change");
  814.                     $('.song-art').fadeTo(400,0);
  815.                     $('.song-info').fadeTo(400,0);
  816.                     $('.prev').fadeTo(400,0);
  817.                     $('.next').fadeTo(400,0);
  818.                     $('audio').animate({volume: 0.0}, 1000);
  819.                     //owl.animate({opacity: 0.0}, 400);
  820.                     isTranslating = 1;
  821.                      setTimeout(function(){
  822.                         //change song
  823.                         //console.log(event.page.index);
  824.                         changeSong(event.page.index);
  825.                     },400);
  826.                 });
  827.                
  828.                 owl.on('translated.owl.carousel', function(event) {
  829.                     if(inBlog == 0){
  830.                         $('audio').animate({volume: 1.0}, 500);
  831.                     }
  832.                     owl.animate({opacity: 1.0},2000);
  833.                     setTimeout(function(){
  834.                         $('.song-art').fadeTo(300,1);
  835.                         $('.song-info').fadeTo(300,1);
  836.                         $('.prev').fadeTo(400,1);
  837.                         $('.next').fadeTo(400,1);
  838.                         setTimeout(function(){
  839.                             isTranslating = 0;
  840.                         },300);
  841.                     },1000);
  842.                    
  843.                 });
  844.                
  845.                 //Set Content Media Player
  846.                 mediaplayer = $('audio').mediaelementplayer({
  847.                     audioWidth: 100,
  848.                     audioHeight: 30,
  849.                     startVolume: 1,
  850.                     loop: true,
  851.                     features: ['playpause','progress','current','duration','tracks','volume'],
  852.                     pauseOtherPlayers: true
  853.                     });
  854.  
  855.            
  856.                 var hash = window.location.hash.substr(1);
  857.                 //console.log(hash);
  858.                 changeSong(CONSTANT_SONG_HIT);
  859.                 owl.trigger('to.owl.carousel',[CONSTANT_SONG_HIT]);
  860.                 if(hash.indexOf('toBot') > -1 ){
  861.                     toBot();
  862.                 }else{
  863.                      // TODO : Find pause AUDIO first :p
  864.                 }
  865.                 //console.log($(location).attr('href'));
  866.                 if ($(location).attr('href').indexOf('/page/') > -1 || $(location).attr('href').indexOf('/post/') > -1 ) {
  867.                     toBot();
  868.                 return false;
  869.                 }
  870.                
  871.                 //Set play
  872.                 setTimeout(function(){
  873.                         $('.song-art').fadeTo(300,1);
  874.                         $('.song-info').fadeTo(300,1);
  875.                     },1000);
  876.         }); //ready function end
  877.            
  878.         function toBot(){
  879.                 inBlog = 1;
  880.                 $('#botsection').css('opacity',1);
  881.                 $('#botsection').css('overflow','auto');
  882.                 $('#botsection').css('height','100%');
  883.                 $('#botsection').css('opacity',1);        
  884.  
  885.                 //vanishing and stop
  886.                 $('.song-art').fadeTo(500,0);
  887.                 $('.song-info').fadeTo(300,0);
  888.                
  889.                 $('#poweredfoot2').css('opacity',1);
  890.                 $('#topsection').css('overflow','hidden');
  891.                 $('.blogicon').css('opacity',0);              
  892.                 $('#botsection').animate({top:'-100%'}, {queue: false, duration: 900});
  893.                 $('#topsection').animate({top:'-100%'}, {queue: false, duration: 900});
  894.                 setTimeout(function(){
  895.                     $('topcarousel').animate({opacity: 0.0}, 900);
  896.                 },900);
  897.                 //Audio Controls
  898.                 $('audio').animate({volume: 0}, 2000);
  899.                 $.lazyload.check();
  900.                 $.lazyload.setInterval(500);
  901.         }
  902.        
  903.         function scrollTo(hash) {
  904.             location.hash = "#" + hash;
  905.         }
  906.        
  907.         function changeSong(songIndex) {
  908.             // song is integer
  909.             // for now, use constant integer
  910.             var title, artist, album,songurl,links,sq;
  911.             switch(songIndex){
  912.                 case 0:
  913.                     title = 'Gong Xi! Qin Ling';
  914.                     artist = 'SECTION';
  915.                     album = 'See the Light';
  916.                     //songurl = 'http://k007.kiwi6.com/hotlink/tp8yh83kad/gongxiqinling.mp3';
  917.                     songurl = 'http://section.cengek.com/sounds/gongxiqinling.mp3';
  918.                     links = 'https://soundcloud.com/section/gong-xi-qin-ling-remaster';
  919.                     sq = 'http://section.cengek.com/assets/gongxi-sq.jpg';
  920.                     break;
  921.                 case 1:
  922.                     title = 'Reach for the Higher Skies';
  923.                     artist = 'SECTION x KSys';
  924.                     album = 'See the Light';
  925.                     //songurl = 'http://k007.kiwi6.com/hotlink/74gq7arebq/reachforthehigherskies.mp3';
  926.                     songurl = 'http://section.cengek.com/sounds/reachforthehigherskies.mp3';
  927.                     links = 'https://soundcloud.com/section/reach-for-the-higher-skies';
  928.                     sq = 'http://section.cengek.com/assets/reach-sq.jpg';
  929.                     break;
  930.                 case 2:
  931.                     title = 'Reversive';
  932.                     artist = 'SECTION';
  933.                     album = 'Termination Section';
  934.                     //songurl = 'http://k007.kiwi6.com/hotlink/45gcwzs8hl/reversive.mp3';
  935.                     songurl = 'http://section.cengek.com/sounds/reversive.mp3';
  936.                     links = 'https://soundcloud.com/section/section-reversive';
  937.                     sq = 'http://section.cengek.com/assets/reversive-sq.jpg';
  938.                     break;
  939.                 case 3:
  940.                     title = 'Statical Improvement';
  941.                     artist = 'SECTION';
  942.                     album = 'See the Light';
  943.                     //songurl = 'http://k007.kiwi6.com/hotlink/6404ayhxln/staticalimprovement.mp3';
  944.                     songurl = 'http://section.cengek.com/sounds/staticalimprovement.mp3';
  945.                     links = 'https://soundcloud.com/section/statical-improvement-2nd-mix';
  946.                     sq = 'http://section.cengek.com/assets/statical-sq.jpg';
  947.                     break;
  948.                 case 4:
  949.                     title = 'Yi Sui De';
  950.                     artist = 'SECTION';
  951.                     album = 'FL\'ASTRONAUT:Heart Zero';
  952.                     //songurl = 'http://k007.kiwi6.com/hotlink/o11imiguyg/yisuide.mp3';
  953.                     songurl = 'http://section.cengek.com/sounds/yisuide.mp3';
  954.                     links = 'https://soundcloud.com/gfl-ambient2014/section-yi-sui-de';
  955.                     sq = 'http://section.cengek.com/assets/yisuide-sq.jpg';
  956.                     break;
  957.             }
  958.             $('#song_title').text(title);
  959.             $('#song_artist').text(artist);
  960.             $('#song_album').text(album);
  961.             $('#songlink').attr('href',links);
  962.             $('#song_art').attr('src',sq);
  963.            
  964.             setTimeout(function(){
  965.                 $('audio').attr('src',songurl);
  966.                 $('audio').attr('volume',1);
  967.             },800);
  968.         }
  969.        
  970.         function loadPage(page){
  971.             $('#hiddencontent').fadeTo(0,0);
  972.             $('#hiddencontent').html("");
  973.             if(page!='/gallery'){
  974.                 $('#hiddencontent').load(page);
  975.                 $('#hiddencontent').css('margin','24px 15% 0 15%');
  976.                 $('#hiddencontent').css('text-align','left');
  977.  
  978.             }else{
  979.                 $('#hiddencontent').html($('#photosection').html());
  980.                 $('#hiddencontent').css('margin','24px 8% 0 8%');
  981.                 $('#hiddencontent').css('text-align','center');
  982.             }
  983.             $('#hiddencontent').fadeTo(1300,0);
  984.             $('#hiddencontent').fadeTo(600,1);
  985.         }
  986.         function msieversion() {
  987.  
  988.         var ua = window.navigator.userAgent;
  989.         var msie = ua.indexOf("MSIE ");
  990.  
  991.         if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer, return version number
  992.             alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
  993.         else                 // If another browser, return 0
  994.             alert('otherbrowser');
  995.  
  996.         return false;
  997.         }
  998.  
  999.         //Tumblr Teaser Denier
  1000.         (function (topWindow)
  1001.         {
  1002.             "use strict";
  1003.             if (window.self === topWindow)
  1004.             {
  1005.                 var disableDownloadIframe = function ()
  1006.                 {
  1007.                     topWindow.addEventListener("DOMNodeInserted", function (event)
  1008.                     {
  1009.                         var sourceElement = event.srcElement;
  1010.                         //console.log(sourceElement);
  1011.                         if(sourceElement.nodeName.toLowerCase().indexOf('script') > -1){
  1012.                             //console.log(sourceElement.src);
  1013.                             if (sourceElement.src.indexOf('cedexis.com') > -1 )
  1014.                             {
  1015.                                
  1016.                                 if(msieversion == 0){
  1017.                                     sourceElement.remove();
  1018.                                     console.log('REMOVED!');
  1019.                                 }
  1020.                                 //window.open(downloadLink);
  1021.                             }
  1022.                         }
  1023.                     }, false);
  1024.                 };
  1025.        
  1026.                 disableDownloadIframe.call(this);
  1027.             }
  1028.         }(window.top));
  1029.        
  1030.        
  1031.     </script>
  1032.             </head>
  1033.             <!--
  1034.        //
  1035.        //     BODY TIME
  1036.        //  
  1037.        //
  1038.        -->
  1039.             <body>
  1040.                 <div id="body">
  1041.                     <!--
  1042.        This is top section.
  1043.        This will contains front page
  1044.    -->
  1045.                     <div id="topsection">
  1046.                         <div id="topcarousel" class="owl-carousel owl-theme">
  1047.                             <div class="item owl-lazy" data-src="http://section.cengek.com/assets/gongxi.jpg" style="
  1048.                                                      background-position:center center;" ></div>
  1049.                             <div class="item owl-lazy" data-src="http://section.cengek.com/assets/reach.jpg" style="
  1050.                                                      background-position:center right;" ></div>
  1051.                             <div class="item owl-lazy" data-src="http://section.cengek.com/assets/reversive.jpg" style="
  1052.                                                      background-position:bottom center;" ></div>
  1053.                             <div class="item owl-lazy" data-src="http://section.cengek.com/assets/statical.jpg" style="
  1054.                                                      background-position:bottom center;" ></div>
  1055.                             <div class="item owl-lazy" data-src="http://section.cengek.com/assets/yisuide.jpg" style="
  1056.                                                      background-position:center center;" ></div>
  1057.                         </div>
  1058.                         <!-- FOOTER OF TOP SECTION HERE-->
  1059.                         <a class="btn prev owl-prev">
  1060.                             <span id="leftarrow" class="carousel-controls owl-prev">
  1061.                                 <img src="http://static.tumblr.com/ijt06jz/hehndw3cp/arrow.png" width="36px" height="36px" />
  1062.                             </span>
  1063.                         </a>
  1064.                         <a class="btn next owl-next">
  1065.                             <span id="rightarrow" class="carousel-controls owl-next">
  1066.                                 <img src="http://static.tumblr.com/ijt06jz/hehndw3cp/arrow.png" width="36px" height="36px" />
  1067.                             </span>
  1068.                         </a>
  1069.                         <div id="newsfoot">
  1070.                             <a class ='blogicon' href="#toBot">
  1071.                                 <img src="http://static.tumblr.com/ijt06jz/x4andvvqp/blog.png" width="72px" height="72px" />
  1072.                             </a>
  1073.                         </div>
  1074.                         <div class="song-holder">
  1075.                             <div class="song-art">
  1076.                                 <img id="song_art" src="http://placehold.it/100x100&text=Cover%20Art" />
  1077.                             </div>
  1078.                             <div class="song-info">
  1079.                                 <p id="song_title"> INSERT_TITLE_HERE</p>
  1080.                                 <p id="song_artist"> insert_artist_here</p>
  1081.                                 <p id="song_album" > insert_album_here</p>
  1082.                                 <p id="song_link"><a id="songlink" href="#" target="_blank"> Song Link </a></p>
  1083.                             </div>
  1084.                         </div>
  1085.  
  1086.                     </div>
  1087.                     <div id="botsection">
  1088.                         <div id="botoverlay">
  1089.                             <div id="spacer">
  1090. {block:PreviousPage}
  1091.                                 <a class="navigator" href="{PreviousPage}#toBot" title="Next Posts">Latest Posts</a>
  1092. {/block:PreviousPage}
  1093.                             </div>
  1094.                             <!-- Content -->
  1095.                             <div id="content">
  1096.                                 <div id="description">
  1097. {block:HasPages}
  1098.                                     <ul class="pages meta">
  1099.     {block:Pages}
  1100.                
  1101.                                         <li>
  1102.                                             <a href="{URL}#toBot">{Label}</a>
  1103.                                         </li>
  1104.     {/block:Pages}
  1105.            
  1106.                                     </ul>
  1107. {/block:HasPages}
  1108.                                 </div> <!-- end of #description -->
  1109.                            
  1110.             <script>
  1111.                 var $window = $(window),
  1112.                 $stickyEl = $('#description'),
  1113.                 elTop = $stickyEl.offset().top;
  1114.    
  1115.                 $window.scroll(function() {
  1116.                     $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
  1117.                 });
  1118.             </script>          
  1119.                                 <div class="autopagerize_page_element">
  1120.                                 <ul id="posts">
  1121. {block:Posts}
  1122.            
  1123.                                     <li class="post {TagsAsClasses}">
  1124.     {block:Date}
  1125.            
  1126.                                         <h2 class="permalink">
  1127.         {block:NewDayDate}
  1128.                                             <a title="{NoteCountWithLabel}" href="{Permalink}#toBot">{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}</a>
  1129.         {/block:NewDayDate}
  1130.         {block:IfNotDisqusShortName}
  1131.             {block:IfNotShowTheNumberOfPostNotes}
  1132.                 {block:SameDayDate}
  1133.                                             <a title="{NoteCountWithLabel}" href="{Permalink}#toBot">&rarrt</a>
  1134.                 {/block:SameDayDate}
  1135.             {/block:IfNotShowTheNumberOfPostNotes}
  1136.         {/block:IfNotDisqusShortName}
  1137.         {block:IfShowTheNumberOfPostNotes}
  1138.                                            <a href="{Permalink}#toBot">{NoteCountWithLabel}</a>
  1139.         {/block:IfShowTheNumberOfPostNotes}
  1140.         {block:IfDisqusShortname}
  1141.                                            <a title="Disqus comments" class="disqus-permalink" href="{Permalink}#toBot"></a>
  1142.         {/block:IfDisqusShortname}
  1143.                                        </h2>
  1144.    {/block:Date}
  1145.    {block:Regular}
  1146.            
  1147.                                        <div class="post-body text-post">
  1148.         {block:Title}
  1149.                
  1150.                                            <h3>{Title}</h3>
  1151.         {/block:Title}                  
  1152.                                             <div class="lazyload">
  1153.                                             <p class="preloader">"Scroll to Load Post"</p>
  1154.                                             <!--
  1155.                                             {Body}
  1156.                                             -->
  1157.                                             </div>
  1158.                                        </div> <!-- post-body text-post -->
  1159.     {/block:Regular}
  1160.     {block:Link}
  1161.                                        <div class="post-body link-post">
  1162.                                            <h3>
  1163.                                                <a class="link" href="{URL}#toBot">{Name}</a>
  1164.                                            </h3>
  1165.        {block:Description}
  1166.                                            {Description}
  1167.        {/block:Description}
  1168.            
  1169.                                        </div> <!-- end post-body link-post -->
  1170.    {/block:Link}
  1171.     {block:Photo}      
  1172.                                        <div class="post-body image-post">
  1173.                                            <div class="image lazyload">
  1174.                                            <p class="preloader">"Scroll to Load Post"</p>
  1175.                                            <!--
  1176.                                         {LinkOpenTag}
  1177.                                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1178.                                        {LinkCloseTag}
  1179.                                            -->
  1180.                                            </div>
  1181.        {block:Caption}
  1182.                                            <div class="caption">
  1183.                                                 {Caption}
  1184.                                             </div>
  1185.         {/block:Caption}
  1186.            
  1187.                                        </div> <!-- end post-body image-post -->
  1188.    {/block:Photo}
  1189.    {block:Video}
  1190.            
  1191.                                        <div class="post-body video-post">
  1192.                                      
  1193.                                            <div class="lazyload">
  1194.                                             <p class="preloader">"Scroll to Load Post"</p>
  1195.                                            <!--
  1196.                                             {Video-500}
  1197.                                             -->
  1198.                                             </div>
  1199.        {block:Caption}
  1200.                                            <div class="caption">
  1201.                                                 {Caption}
  1202.                                             </div>
  1203.        {/block:Caption}
  1204.            
  1205.                                        </div>
  1206.     {/block:Video}
  1207.     {block:Audio}
  1208.                                        <div class="post-body audio-post">
  1209.                                            <div class="audio lazyload">
  1210.                                             <p class="preloader">"Scroll to Load Post"</p>
  1211.                                            <!--
  1212.                                                 {AudioPlayerBlack}
  1213.                                             -->
  1214.                                             </div>
  1215.        {block:Caption}
  1216.                                            <div class="caption">
  1217.                                                 {Caption}
  1218.                                             </div>
  1219.        {/block:Caption}
  1220.            
  1221.                                        </div>
  1222.     {/block:Audio}
  1223.     {block:Quote}
  1224.                                        <div class="post-body quote-post">
  1225.                                            <blockquote class="quote lazyload">
  1226.                                            <p class="preloader">"Scroll to Load Post"</p>
  1227.                                            <!--
  1228.                                                 {Quote}
  1229.                                             -->
  1230.                                             </blockquote>
  1231.        {block:Source}
  1232.                
  1233.                                            <p class="cite">&mdash;&#8194;{Source}</p>
  1234.         {/block:Source}
  1235.            
  1236.                                         </div>
  1237.     {/block:Quote}
  1238.     {block:Conversation}
  1239.                                         <div class="post-body chat-post">
  1240.         {block:Title}
  1241.                                             <h3>{Title}</h3>
  1242.         {/block:Title}
  1243.                                             <ol class="lazyload">
  1244.                                              <p class="preloader">"Scroll to Load Post"</p>
  1245.                                             <!--
  1246.        {block:Lines}
  1247.                    
  1248.                                                <li>
  1249.            {block:Label}
  1250.                                                    <b class="label">{Label}</b>
  1251.            {/block:Label}
  1252.                                                    {Line}
  1253.                                                </li>
  1254.                                            -->
  1255.         {/block:Lines}
  1256.                                            
  1257.                                             </ol>
  1258.                                         </div>
  1259.     {/block:Conversation}
  1260.     {block:ContentSource}
  1261.                                         <p class="post-source">
  1262.                                             <span class="prefix">{lang:Source}:</span>
  1263.                                             <div class="lazyload">
  1264.                                              <p class="preloader">"Scroll to Load Post"</p>
  1265.                                             <!--
  1266.                                             {SourceLink}
  1267.                                             -->
  1268.                                             </div>
  1269.                                         </p>
  1270.     {/block:ContentSource}
  1271.     {block:Permalink}
  1272.         {block:IfDisqusShortname}
  1273.                                         <div id="disqus_thread"></div>
  1274. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1275. <noscript>
  1276.     <a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a>
  1277. </noscript>
  1278.         {/block:IfDisqusShortname}
  1279.     {/block:Permalink}
  1280.     {block:IfShowPostNotes}
  1281.         {block:PostNotes}
  1282.                                     {PostNotes}
  1283.         {/block:PostNotes}
  1284.     {/block:IfShowPostNotes}
  1285.                                     </li> <!-- END LI post .TagsAsClasses. -->
  1286. {/block:Posts}
  1287.        
  1288.                                 </ul> <!-- End UL POST -->
  1289.                                 </div> <!-- end authorize post -->
  1290.                                
  1291.                                 <div id="footer">
  1292.                                     <!--<p><a id="loadmore"> Click here to load more post </a></p>-->
  1293. {block:NextPage}
  1294.                                     <a class="navigator" href="{NextPage}#toBot" title="Previous Posts">Earlier Posts</a>
  1295. {/block:NextPage}
  1296.                            
  1297.                                     <p id="footnote"> <br> </p>
  1298.                                     <p id="footnote">Designed by SECTION | Based on <a href="https://www.tumblr.com/theme/1386" target="_blank">'o' by inky</a> and <a href="https://www.tumblr.com/theme/12051" target="_blank">'Minimalist' by PixelUnion</a></p>
  1299.                                     <p id="footnote">2014 | Creative Commons</p>
  1300.                                 </div>
  1301.                         </div>
  1302.                     </div>
  1303.                     <!-- bot overlay -->
  1304.                 </div>
  1305.                 <!-- bot section -->
  1306.                 <!-- Bottom section -->
  1307.                 <div id="leftfoot">
  1308.                     <audio id="audioplayer" width="300" height="24" loop="true" autoplay="true" preload="auto"> </audio>
  1309.                 </div>
  1310.                 <div id="poweredfoot">
  1311.                     <a href="/#topsection">
  1312.                         <img src="http://static.tumblr.com/ijt06jz/Wrkne14az/section-logo2.png" height="86px" />
  1313.                         <!-- section logo -->
  1314.                     </a>
  1315.                 </div>
  1316.                 <div id="poweredfootmid">
  1317.                     <a href="https://www.tumblr.com/register/follow/akasection" target="_blank">Follow  </a>
  1318.                     <a href="http://fb.com/akasection" target="_blank">Facebook  </a>
  1319.                     <a href="http://soundcloud.com/section" target="_blank">SoundCloud  </a>
  1320.                     <a href="http://axection.deviantart.com/" target="_blank">DeviantArt  </a>
  1321.                     <a href="http://steamcommunity.com/id/section" target="_blank">SteamID  </a>
  1322.                     <a style="font-size: 11pt;
  1323.                    text-shadow: 0 0 20px cyan"
  1324.                   href="http://about.me/SECTION" target="_blank">  About.SECTION  </a>
  1325.                 </div>
  1326.                 <div id="poweredfoot2">
  1327.                     <a  href="#topsection">
  1328.                         <img src="http://static.tumblr.com/ijt06jz/aJendxeic/back-top.png" height="36px" />
  1329.                         <!-- top logo -->
  1330.                     </a>
  1331.                 </div>
  1332.             </div>
  1333.  
  1334.  {block:IfDisqusShortname}
  1335.  
  1336.             <script type="text/javascript">
  1337.             //<![CDATA[
  1338.            (function() {
  1339.              var links = document.getElementsByTagName('a');
  1340.              var query = '?';
  1341.              for(var i = 0; i < links.length; i++) {
  1342.                if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1343.                  query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1344.                }
  1345.              }
  1346.              document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1347.            })();
  1348.            //]]>
  1349.             </script>
  1350.  {/block:IfDisqusShortname}
  1351.  {block:IfGoogleAnalyticsID}
  1352.            
  1353.             <script>
  1354.               (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1355.               (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1356.               m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1357.               })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1358.               ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  1359.               ga('send', 'pageview');
  1360.             </script>
  1361.         {/block:IfGoogleAnalyticsID}
  1362.         <!-- Is there any code here?
  1363.        
  1364.        -->
  1365.         </body>
  1366.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!