trollolodn icon

#tumblr: template twitter bootstrap edited by @quocvuongdn

trollolodn | PRO | 11/02/13 04:58:52 AM UTC | 0 ⭐ | 240 👁️ | Never ⏰ | []
HTML 5 |

0 B

|

None

|

0 👍

/

0 👎

<!-- Follow me: http://otrenmoixuong.tumblr.com/ -->
<!DOCTYPE html>
<html lang="en">
<html>
  <head> 
 
    <meta name="text:Google Analytics UA Code" content="" /> 
    <meta name="image:Background" content="http://static.tumblr.com/vv8cdma/Ddzm1ypam/chruch.png" />
    <meta name="text:Application Stylesheet URL" content="" />
    <meta name="if:Show Description On Index" content="1" />
 
    <!-- Sharing Buttons -->
    <meta name="if:Show Tweet Button" content="1"/>
    <meta name="text:Tweet Via Account" content=""/>
    <meta name="text:Tweet Follow Account" content=""/>
    <meta name="if:Show Like Button" content="1"/>
 
    <!-- Comments -->
    <meta name="text:Disqus Shortname" content=""/>
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="description" content="{MetaDescription}" /> 
    <link href="{Favicon}" rel="shortcut icon" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}"> 
    
    <!--google font-->
    
    <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
    
    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
    
    <!-- google font-->
    
    <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}</title> 
    <!-- ======== STYLES ======== -->
 
    <link href="http://static.tumblr.com/vv8cdma/Pigm0fc2m/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
    .navbar .divider-vertical {
        height: 40px;
        width: 1px;
        margin: 0 9px;
        overflow: hidden;
        background-color: #fff;
        border-right: none !important;
    }
    .navbar-inner{
        background-color: #0088cc;
        background-image: none;
        color: white;
    }
    .nav li a{
        color: white !important;
    }
    .CAPTION:first-letter, .POST:first-letter, .caption-video:first-letter
    { 
        font-size: 25px;
        font-weight: bold;
    }
        @media (max-width: 979px){
            .share-link{float: left; width: 100px;}
            .share-links{margin-bottom: 10px}
            .clear{clear:both}
            
            .notes{float: left; margin-right: 20px;}
        }
        
        .video-center{width: 500px; margin: 0 auto 20px; border: 1px solid #f0f0f0; padding: 5px 5px 0px;}
        .video-center:hover{border-color: #ccc}
        .rad3{border-radius: 5px}
        .bold{font-weight: bold}
        .footer{
            text-align: center;
        }
        .footer p{
            width: auto;
            margin-right: 20px;
        }
        .brand_text{font-family: 'Lobster', cursive; font-size: 25px; color: white; }
        .row.photo img{
            width: 500px;
            margin: 0px auto 20px;
            display: block;
            border: solid 1px #f0f0f0;
            padding: 5px;
            transition:width 2s;
            -webkit-transition:width 2s; 
            -webkit-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
        }
        .row.photo img:hover{
            border: solid 1px #ccc;
        }
       a:hover{text-decoration: none !important; font-weight: bolder !important;}
      .brand_a{float: left; margin-top: 5px}
      .thumb_brand{border: 0px solid transparent; margin-right: 20px;margin-bottom: 5px;}
      p{font-family: 'Open Sans', sans-serif !important;}
      .search-query{border-radius: 3px}
      /* --- high-level --- */
      body { 
        padding-top: 60px; /* room for fixed nav-bar */
        background-image: url('{image:Background}'); 
        font-family: 'Open Sans', sans-serif;
      } 
      
      /* --- tags --- */
      .tags { margin-bottom: 10px;}
      .tag { margin-bottom: 5px;}
      
      /* --- entry --- */
      .entry { background-color: white; border-radius: 5px; padding-top: 20px; padding-bottom: 20px; position: relative; }
      .entry > * { padding-left: 20px; padding-right: 20px; }
      .date { margin-bottom: 10px; }
      .entry .title { margin-bottom: 10px; }
      .entry h2 { margin-top: 20px; }
      
      /* --- speech bubble: visually connects entries to authors --- */ 
      .speech-bubble { background-image: url(http://static.tumblr.com/vv8cdma/4AAm155zf/speech-bubble.png); width: 16px; height: 16px; position: absolute; padding: 0; left: -16px; top: 16px; }
      @media (max-width: 980px) { 
        .speech-bubble { display: none; }
      }  
 
      /* --- author --- */
      .author { margin-bottom: 10px; }
      .author img { float: left; background-color: white; }
      .author .author-name { line-height: 16px; padding-top: 8px; margin-left: 64px; }
      .author .author-name .attribution { font-size: 80%; }
      @media (max-width: 980px) { 
        .author img { float: none; }  
        .author .author-name { margin-left: 0; }
      }  
 
      /* --- notes and comments --- */
      .notes-container, .comments-container { background-color: white; border-radius: 5px; position: relative; margin-top: 20px; }
      .notes-container .notes, .comments-container #disqus_thread { padding: 20px; margin: 0; }
      .notes-container ol.notes { list-style: none; }
 
      /* --- sharing links ---*/
      .share-links { margin-top: 10px; }
    .hero-unit{padding: 10px; background-color: transparent;}
    </style>
    <link href="http://static.tumblr.com/vv8cdma/pVJm0fbxk/bootstrap-responsive.min.css" rel="stylesheet">
 
    {block:IfApplicationStylesheetURL}
    <!-- Import application styling -->
    <link href="{text:Application Stylesheet URL}" rel="stylesheet">
    {/block:IfApplicationStylesheetURL}
 
    <style type="text/css">
      <!--
        {CustomCSS}
      -->
    </style> 
 
  </head> 
  <body>
 
    {block:IfShowLikeButton}
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=325405900855984";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    {/block:IfShowLikeButton}
 
    <header>
      <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
          <div class="container">
 
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
            <!-- avatar -->
              <a class="brand_a" href="{AuthorURL}">
                <img src="{PortraitURL-30}" class="thumb_brand pull-left"><h3 class="pull-left brand_text">{Title}</h3>
              </a>
            <!-- avatar -->
            
            <div class="nav-collapse">
              <ul class="nav pull-right bold">
                {block:English}
                  <li>
                    <a href="http://tumblr.com/follow/{Name}">
                      Follow
                    </a>
                  </li>
                {/block:English}
 
                {block:NotEnglish}
                <li>
                  <a href="http://tumblr.com/follow/{Name}">{lang:Follow me}</a>
                </li>
                {/block:NotEnglish}
 
                <li class="divider-vertical"></li>
                
                <li>
                  <a href="/archive">{lang:Archive}</a>
                </li>
                
                {block:AskEnabled}
                <li class="divider-vertical"></li>
                
                <li>
                  <a href="/ask">Ask Me Anything</a>
                </li>
                {/block:AskEnabled}
 
                {block:SubmissionsEnabled}
                <li class="divider-vertical"></li>
              
                <li>
                  <a href="/submit">Submit Something</a>
                </li>
                {/block:SubmissionsEnabled} 
 
                {block:Pages}
                <li class="divider-vertical"></li>
                
                <li>
                  <a href="{URL}">{Label}</a>
                </li>
                {/block:Pages}
              </ul>
            </div> <!-- nav-collapse -->
 
          </div> <!-- container -->
        </div> <!-- navbar-inner -->
      </div> <!-- navbar navbar-fixed-top -->
    </header>
 
 
    <div class="container">
      <div class="posts">
 
        {block:SearchPage}
        <li class="POST ALT TEXT MINI">
          <div class="ENTRY">
            <div class="TITLE CENTER">
              {lang:Your search for SearchQuery returned SearchResultCount results 2} 
            </div>
            {block:NoSearchResults}
            <div class="TITLE">
              {lang:No search results for SearchQuery 2}
            </div>
            {/block:NoSearchResults}            
          </div>
        </li>
        {/block:SearchPage}
 
        {block:DayPage}
        <li class="POST ALT TEXT MINI">
          <div class="ENTRY">
            <div class="TITLE CENTER">
              {lang:Viewing everything posted on Month DayOfMonth Year}
            </div>            
          </div>
        </li>       
        {/block:DayPage}
              
        {block:Posts}
        <div class="row post {block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Video}video{/block:Video}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Answer}answer{/block:Answer}">  
 
          <div class="span2"> 
          <!--Remove tag GroupMembers block-->
        <!--Remove tag GroupMembers block-->
            <div class="date">
              {block:Date}
              {block:NotReblog}
                <a href="{Permalink}">{lang:Posted TimeAgo}</a>
              {/block:NotReblog}
              {block:Reblog}
                {lang:PostTypeNoun reblogged from ReblogParentTitle 2}
              {/block:Reblog}
              {/block:Date}
 
              {block:HasTags}
              with tags:
              {/block:HasTags}
            </div> <!-- .date -->
 
            {block:HasTags}
            <div class="tags">
              {block:Tags}
              <a class="tag btn btn-mini" href="{TagURL}">#{Tag}</a>
              {/block:Tags}
            </div> <!-- .tags -->
            {/block:HasTags}
 
            {block:NoteCount} 
            <div class="notes">
              <a href="{Permalink}#notes">
                <i class="icon-heart"></i> {NoteCountWithLabel}
              </a>
            </div>
            {/block:NoteCount} 
 
            {block:IfDisqusShortname}
            <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>
            {/block:IfDisqusShortname}
 
            <div class="share-links">
              {block:IfShowTweetButton}
              <div class="tweet share-link">
                <a href="https://twitter.com/share" 
                  class="twitter-share-button" 
                  data-url="{PlaintextPermalink}" 
                  data-text="{PlaintextTitle}" 
                  {block:IfTweetViaAccount}
                  data-via="{PlaintextTweetViaAccount}" 
                  {/block:IfTweetViaAccount}
                  {block:IfTweetFollowAccount}
                  data-related="{PlaintextTweetFollowAccount}" 
                  {/block:IfTweetFollowAccount}
                  >Tweet</a>
              </div>
              {/block:IfShowTweetButton}
 
              {block:IfShowLikeButton}
              <div class="like share-link">
                <div class="fb-like" data-href="{PlaintextPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="lucida grande"></div>
              </div>
              {/block:IfShowLikeButton}
              <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
              <div class="plus share-link">
                  <div class="g-plusone" data-size="medium" data-href="{PlaintextPermalink}" ></div>
              </div>
              <div class="clear"></div>
            </div> <!-- .share-links -->
 
          </div> <!-- .span2 -->
 
          <div class="span10 entry">
 
            {block:GroupMembers} 
            <div class="speech-bubble"></div>
            {/block:GroupMembers} 
          
            <div class="title">
              
              {block:Title}
              <h2>
                <a href="{Permalink}">
                  {Title}
                </a>
              </h2>
              {/block:Title}
                                        
            </div> <!-- .title -->
            
            <div class="POST">
 
              <!-- ANSWER -->
              
              {block:Answer}
                
                <div class="QUOTEINFO">
                  
                  <div class="QUOTEMARK"></div>
                  <div class="TEXT">
                    {Question}
                  </div>
                
                </div>
                
                <p>{lang:Asked by Asker}</p>
                
                <div class="BREAK"></div>
                
                <div class="RESPONSE">
                
                  {Answer}
                
                </div>
 
              {/block:Answer}
              
              <!-- /ANSWER -->
              
              <!-- TEXT -->
              
              {block:Text}
                
                {Body}
                
              {/block:Text}
              
              <!-- /TEXT -->
              
              <!-- VIDEO -->
              
                  {block:Video}
                     <div class="video-center rad3">
                         {Video-500}
                     </div>
              
                    
                    <div class="caption-video">
                        {block:Caption}
                          {Caption}
                        {/block:Caption}
                    </div>
                    
                  {/block:Video}
              <!-- /VIDEO -->
              
              <!-- PHOTO -->
              
              {block:Photo}
              
                <div class="CENTER">
              
                  {LinkOpenTag}<img class="rad3" alt="{PhotoAlt}" src="{PhotoURL-500}" />{LinkCloseTag}
 
                </div>
 
                {block:Caption}
                  <div class="CAPTION">
                    {Caption}
                  </div>
                {/block:Caption}
                
              {/block:Photo}
              
              <!-- /PHOTO -->
              
              <!-- QUOTE -->
              
              {block:Quote}
              
                <div class="QUOTEINFO">
                  
                  <div class="QUOTEMARK"></div>
                  <div class="TEXT">
                    {Quote}
                  </div>
                
                </div>
                
                <div class="BREAK"></div>
                
                {block:Source}
                <div class="BY">
                
                  {Source}
                
                </div>
                {/block:Source}
                
              {/block:Quote}
              
              <!-- /QUOTE -->
 
              <!-- LINK -->
              
              {block:Link}
                
                <div class="THE-LINK">
                
                  <a href="{URL}" target="{Target}">{Name}</a>
                    
                </div>
                
                <div class="INFO">
                  <a href="{URL}" target="{Target}">
                    {URL}
                  </a>
                </div>
                
                {block:Description}         
                <div class="MARGIN">{Description}</div>
                {/block:Description}
                
              {/block:Link}
              
              <!-- /LINK -->
 
              <!-- CHAT -->
              
              {block:Chat}
                
                <ul class="CHAT">
                
                  {block:Lines}
                  <li class="{Alt} {UserNumber}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
                  {/block:Lines}
                  
                </ul>
                
              {/block:Chat}
              
              <!-- /CHAT -->
 
              <!-- AUDIO -->
              
              {block:Audio}
                
                <div class="PLAYER">
                
                  <div class="ALBUMART">
                    
                    {block:AlbumArt}<img  alt="" src="{AlbumArtURL}" />{/block:AlbumArt}
                    
                  </div>
                  
                  <div class="OVERLAY">
                    
                    <div class="OBJ">
                      {AudioPlayerGrey}
                    </div>
                  
                    <div class="COUNT">
                      This track has had {PlayCountWithLabel}
                    </div>
                    
                    <div class="TRACK">
                      {block:TrackName}
                        <strong>{TrackName}</strong>
                      {/block:TrackName}
                      
                      {block:TrackName}
                        {block:Artist}
                          by
                        {/block:Artist}
                      {/block:TrackName}
                      
                      {block:Artist}
                      <a href="http://last.fm/{Artist}">{Artist}</a>
                      {/block:Artist}
                    </div>
                    
                  </div>
                
                </div>
                
                {block:Caption}
                  {Caption}
                {/block:Caption}
                
              {/block:Audio}
              
              <!-- /AUDIO -->   
              
            </div>
                    
          </div> <!-- .entry -->
                  
        </div> <!-- .row .post -->
 
        {block:PermalinkPage} 
        {block:IfDisqusShortname}
        <div class="row">
          <div class="span10 offset2 comments-container">
            <div id="disqus_thread"></div>
            <script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
            <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
          </div> <!-- .comments-container -->
        </div>
        {/block:IfDisqusShortname}
        {/block:PermalinkPage} 
 
        {block:NoteCount}
        <div class="row">
          <div class="span10 offset2 notes-container" id="notes">
            {PostNotes}
          </div> <!-- .notes-container -->
        </div>
        {/block:NoteCount}
 
        <hr/>
 
        {/block:Posts}
                                            
      </div> <!-- .posts -->
      
      {block:Pagination}
      <ul class="pager">
        {block:PreviousPage}
        <li><a href="{PreviousPage}">{lang:Previous page}</a></li>
        {/block:PreviousPage}
 
        {block:NextPage}
        <li><a href="{NextPage}">{lang:Next page}</a></li>
        {/block:NextPage}
      </ul>
      {/block:Pagination}
 
      <footer class="footer">
        <p><a href="https://github.com/mikejarema/bootstrap-tumblr-theme/">Bootstrap Tumblr Theme</a> by <a href="http://mikejarema.com">Mike Jarema</a>.</p>
        <p>{lang:Powered by Tumblr 2}.</p>
        <p>Edited by <a href="http://twitter.com/quocvuongdn">@quocvuongdn</a></p>
        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        <p class="pull-right bold btn"><a href="#"><i class="icon-arrow-up"></i>Back to top</a></p>
      </footer>
      
    </div>
    
    {block:IfGoogleAnalyticsUACode}
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      try {
      var pageTracker = _gat._getTracker("{text:Google Analytics UA Code}");
      pageTracker._trackPageview();
      } catch(err) {}
    </script>
    {/block:IfGoogleAnalyticsUACode}
 
    <!-- ======== SCRIPTS ======== -->
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/vv8cdma/obbm0fc3v/bootstrap.min.js"></script>    
 
    {block:IfShowTweetButton}
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    {/block:IfShowTweetButton}
 
    {block:IfDisqusShortname}
    <script type="text/javascript">
    //<![CDATA[
    (function() {
      var links = document.getElementsByTagName('a');
      var query = '?';
      for(var i = 0; i < links.length; i++) {
        if(links[i].href.indexOf('#disqus_thread') >= 0) {
          query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
        }
      }
      document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
    })();
    //]]>
    </script>
    {/block:IfDisqusShortname}
    
    
    
    <!-- Yahoo! Web Analytics - All rights reserved -->
<script type="text/javascript" src="http://d.yimg.com/mi/ywa.js"></script>
<script type="text/javascript">
/*globals YWA*/
/*globals window*/
try {
//var YWATracker = YWA.getTracker("NUMBER_NUMBER_NUMBER", "US");
var YWATracker = YWA.getTracker("", "US");
//YWATracker.setDocumentName("");
//YWATracker.setDocumentGroup("");
//YWATracker.setSpaceId("");
YWATracker.submit();
} catch (eYWATCUnavailable) {
if (window.console && window.console.warn) {
window.console.warn(eYWATCUnavailable.message || "Unknown error");
}
}
</script>
<noscript>
<div><img src="http://a.analytics.yahoo.com/p.pl?a=NUMBER_NUMBER_NUMBER&amp;js=no" width="1" height="1" alt="" /></div>
</noscript>
 
  </body> 
</html>

Comments