API tools faq
paste
Guest User

Little Guy Theme Update 2

a guest
Aug 27th, 2016
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 39.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}">
  4. <head>
  5. <!--
  6. Big Guy theme by GregSuj aka Gregory Sujkowski
  7. http://gregory.sujkowski.fr
  8. ["Little Guy" is a modification to this theme by April Sylph]
  9. -->
  10.     <meta charset="utf-8">
  11.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.     <meta name="viewport" content="width=device-width">
  13.    
  14.     <meta name="description" content="{MetaDescription}">
  15.     <meta name="image:CustomAvatar" content="">
  16.     <meta name="color:Background" content="#eeeeee">
  17.     <meta name="color:Body" content="#000000">
  18.     <meta name="color:Highlight" content="#dc94ff">
  19.     <meta name="color:Headings" content="#000000">
  20.     <meta name="color:Links" content="#b200ff">
  21.     <meta name="color:HeadingsLinks" content="#b200ff">
  22.     <meta name="color:MenuLinks" content="#b200ff">
  23.     <meta name="color:Description" content="#000000">
  24.     <meta name="color:SocialIcons" content="#000000">
  25.     <meta name="color:Caption" content="#cccccc">
  26.     <meta name="color:Footer" content="#888888">
  27.     <meta name="color:Tags" content="#000000">
  28.     <meta name="color:MusicInfo" content="#b200ff">
  29.     <meta name="color:MusicBoxColor" content="#b200ff">
  30.     <meta name="if:PostSummaryInTitle" content="1">
  31.     <meta name="if:Avatar" content="1">
  32.     <meta name="if:CustomAvatar" content="0">
  33.     <meta name="if:MobileDescription" content="1">
  34.     <meta name="if:PinnedPost" content="0">
  35.     <meta name="if:HideNSFW" content="0">
  36.     <meta name="if:NavigationDropdown" content="1">
  37.     <meta name="if:ShowSearchBar" content="1">
  38.     <meta name="if:ShowTags" content="1">
  39.     <meta name="if:ShowNoteCount" content="1">
  40.     <meta name="if:ShowTimeAgo" content="1">
  41.     <meta name="if:ReblogButton" content="1">
  42.     <meta name="if:LikeButton" content="1">
  43.     <meta name="if:InfiniteScroll" content="0">
  44.     <meta name="if:WhiteAudioPlayer" content="0"/>
  45.     <meta name="if:GreyAudioPlayer" content="0"/>
  46.     <meta name="if:BlackAudioPlayer" content="1"/>
  47.     <meta name="text:CustomPageTitle" content="">
  48.     <meta name="text:TitleSeparator" content=": ">
  49.     <meta name="text:ExtendedDescription" content="">
  50.     <meta name="text:PinnedPostDataHref" content="">
  51.     <meta name="text:PinnedPostDataDid" content="">
  52.     <meta name="text:PinnedPostAHref" content="">
  53.     <meta name="text:Twitter" content="">
  54.     <meta name="text:Facebook" content="">
  55.     <meta name="text:Dribbble" content="">
  56.     <meta name="text:Behance" content="">
  57.     <meta name="text:YouTube" content="">
  58.     <meta name="text:Soundcloud" content="">
  59.     <meta name="text:Googleplus" content="">
  60.     <meta name="text:Vimeo" content="">
  61.     <meta name="text:Instagram" content="">
  62.     <meta name="text:Steam" content="">
  63.     <meta name="text:Linkedin" content="">
  64.     <meta name="text:Email" content="">
  65.     <meta name="text:Skype" content="">
  66.     <meta name="text:Discord" content="">
  67.     <meta name="text:3DSFC" content="">
  68.     <meta name="text:NNID" content="">
  69.     <meta name="text:Battletag" content="">
  70.    
  71.     <title>
  72.         {block:IfCustomPageTitle}{text:CustomPageTitle}{/block:IfCustomPageTitle}{block:IfNotCustomPageTitle}{Title}{/block:IfNotCustomPageTitle}{block:IfPostSummaryInTitle}{block:PostSummary}{text:TitleSeparator}{PostSummary}{/block:PostSummary}{/block:IfPostSummaryInTitle}
  73.     </title>
  74.  
  75.     <link rel="apple-touch-icon" href="{PortraitURL-128}">
  76.     <link rel="shortcut icon" href="{Favicon}">
  77.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78.     <link rel="stylesheet" href="http://static.tumblr.com/okik5op/KXKn9nfie/normalize-font.css" type="text/css" media="all">
  79.  
  80. <script src="http://static.tumblr.com/okik5op/622n9keq6/jquery.photoset-grid.min.js"></script>
  81. <script src="http://static.tumblr.com/okik5op/ukhn9kepc/jquery.fitvids.js"></script>
  82.  
  83. {block:IfInfiniteScroll}
  84.     <script type="text/javascript" src="http://static.tumblr.com/okik5op/i7Dn9keqq/infinitescrolling.js"></script>
  85. {/block:IfInfiniteScroll}
  86. <script class="inline_embed" type="text/javascript">
  87.     var domain = document.domain,
  88.     photo_{PostID} = [{
  89.         "width": "{PhotoWidth-HighRes}",
  90.         "height": "{PhotoHeight-HighRes}",
  91.         "low_res": "{PhotoURL-250}",
  92.         "high_res": "{PhotoURL-HighRes}"
  93.     }];
  94.  
  95.     function event_is_alt_key(e) {
  96.         return ((!e && window.event && (window.event.metaKey || window.event.altKey)) || (e && (e.metaKey || e.altKey)));
  97.     };
  98.  
  99.     document.getElementById('photo_{PostID}').onclick = function (e) {
  100.         if (event_is_alt_key(e)) return true;
  101.  
  102.         window.parent.Tumblr.Lightbox.init(photo_{PostID});
  103.  
  104.         return false;
  105.     }
  106. </script>
  107. <script type="text/javascript">
  108.     $(window).on('scroll', function() {
  109.              $(".video").fitVids();
  110.              
  111.                 $('.photoset-grid').photosetGrid();
  112.    
  113.     });
  114.  
  115.     $(document).ready(function(){
  116.        
  117.        
  118.   $(".video").fitVids();
  119.  
  120.   $('.photoset-grid').photosetGrid({
  121.   highresLinks: false,
  122.   rel: $('.photoset-grid').attr('data-id'),
  123.   gutter: '0px',
  124.  
  125.   onComplete: function(){
  126.  
  127.     /* For Tumblr Lightbox */
  128.     $('.photoset-grid').each(function(){
  129.       var imgs = $(this).find('img');
  130.       var array = [];
  131.       for(i=0; i<imgs.length; i++) {
  132.         imgs.eq(i).attr('data-count',i+1);
  133.       }
  134.       $(this).find('img').each(function(){
  135.         var arrayPart = {
  136.           width: $(this).data('width'),
  137.           height: $(this).data('height'),
  138.           low_res: $(this).attr('src'),
  139.           high_res: $(this).data('highres')
  140.         }
  141.         array.push(arrayPart);
  142.         $(this).on('click',function(){
  143.           Tumblr.Lightbox.init(array,$(this).data('count'));
  144.         });
  145.       });
  146.     });
  147.     /* End Tumblr Lightbox */
  148.  
  149.  }
  150. });
  151.    
  152. });
  153. </script>
  154.  
  155. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  156. <script>
  157. $(document).ready(function(){
  158.     $("section.pinned").toggle();
  159.     $("button").click(function(){
  160.         $("section.pinned").toggle();
  161.     });
  162. });
  163. </script>
  164.  
  165. <style type="text/css">
  166.  
  167.     /* Font-face is in the normalise css file because it looked very ugly + did not diplayed well in Firefox */
  168.    
  169. .socicon {
  170. font-family: 'socicon' !important;
  171. color: {color:SocialIcons};
  172. }
  173.  
  174.  
  175. ul.social-icons {
  176. list-style-type: none;
  177. text-align: center;
  178. margin: 0;
  179. border: 0;
  180. padding: 0;
  181. font-size: 19px;
  182. }
  183.  
  184. ul.social-icons li {
  185. display: inline-block;
  186. float: center;
  187. margin: 12px 12px 12px 12px;
  188. }
  189.  
  190.     /* BASIC STYLES */
  191.    
  192.     img, video, object, embed {
  193.             max-width: 100%;
  194.             height: auto !important;
  195.         }
  196.        
  197.     body {
  198.         background: {color:Background};
  199.         font-family: Arial, Helvetica, sans-serif;
  200.         }
  201.            
  202.     html {
  203.        
  204.         -webkit-font-smoothing: antialiased;
  205.     }
  206.  
  207.     body {
  208.         color: {color:Body};
  209.         font-size: 16px;
  210.         margin: 0;
  211.        
  212.     }
  213.  
  214.     h1, h2, h3, h4, h5, h6 {
  215.        
  216.         line-height: 1em;
  217.         color: {color:Headings};
  218.         font-family: Arial, Helvetica, sans-serif;
  219.     }
  220.  
  221. h1 {
  222. font-size: 17px;
  223. text-align: center;
  224. }
  225.  
  226.     h2 {
  227.         font-size: 25px;
  228.     }
  229.  
  230.     h3 {
  231.         font-size: 21px;
  232.     }
  233.       h4 {
  234.         font-size: 19px;
  235.     }
  236.  
  237.     h5 {
  238.         font-size: 17px;
  239.     }
  240.       h6 {
  241.         font-size: 16px;
  242.     }
  243.  
  244. p,blockquote {
  245.         border: 0;
  246. margin: 0;
  247. padding: 0;
  248. padding-top: 3px;
  249. padding-bottom: 3px;
  250. overflow: hidden;
  251.     }
  252.  
  253.     a:link, a:visited {
  254.         opacity:1;
  255.         -o-transition: all .30s linear;
  256.         -ms-transition: all .30s linear;
  257.         -webkit-transition: all .30s linear;
  258.         -moz-transition: all .30s linear;
  259.         transition: all .30s linear;
  260.         color: {color:Links};
  261.         text-decoration: none;
  262.      }
  263.      
  264.     a:hover, a:active {
  265.         opacity: 0.5;
  266.  
  267.      }
  268.  
  269.     h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  270.         color: {color:HeadingsLinks} !important;
  271.     }
  272.  
  273.  
  274.      
  275.      img {
  276.         max-width: 100%;
  277.         height: auto;
  278.         z-index: 0;
  279.         position: relative;
  280.        
  281.     }
  282.     .photo a img,.photo img { width:100%;}
  283.     .media iframe {
  284.          width: 100%;
  285.         display: block;
  286.      }
  287.  
  288. /* PHOTOSET */
  289. div.photoset-row:hover{
  290. cursor:pointer;
  291. }
  292. .photo>a>img {width:100% !important;}
  293. /* CREDITS */
  294. div.credits {
  295.     line-height: 6px;
  296.     text-align:left;
  297. opacity: 0.5;
  298. margin: 10px 0 0 -7px;
  299. padding: 0;
  300. border: 0;
  301. font-size: 9px;
  302. position: fixed;
  303. bottom: 7px;
  304. font-style: italic;
  305. clear: both;
  306. }
  307. div.credits a {
  308.     color: {color:Links};
  309.    
  310. }
  311.    
  312. /* NAVIGATION */
  313.  
  314.     .prev, .next {
  315. display: inline-block;
  316. width: 49.5%;
  317.  
  318. height: 75px;
  319. max-width: 700px;
  320. margin: 0;
  321. padding: 0;
  322. border: 0;
  323. text-align: center;
  324. line-height: 5em;
  325. font-weight: bold;
  326. text-transform: uppercase;
  327.       transition-duration: 0.6s;  
  328.         -moz-transition-duration: 0.6s;  
  329.         -webkit-transition-duration: 0.6s;  
  330.         -o-transition-duration: 0.6s;
  331.           opacity:1;
  332.        
  333. }
  334. .prev:hover,.next:hover {
  335.     opacity:1;
  336.     background: lightgrey;
  337.           transition-duration: 0.6s;  
  338.         -moz-transition-duration: 0.6s;  
  339.         -webkit-transition-duration: 0.6s;  
  340.         -o-transition-duration: 0.6s;
  341. }
  342.  
  343.  
  344. /* HEADER LOGO AND NAV */
  345.    
  346. div.description {
  347. color:{color:Description};
  348. text-align: center;
  349. font-size: 14px;
  350. margin: auto auto auto auto;
  351.  
  352. }
  353.   .nav ul {
  354. list-style-type: none;
  355. text-align: center;
  356. padding: 0;
  357. margin: auto auto auto auto;
  358. border: 0;
  359. /* font-size: 17px;
  360. line-height: 1.5em;*/
  361. font-size: 14px;
  362. line-height: 1.3em;}
  363. .nav ul li a {
  364.     color:{color:MenuLinks} !important;
  365.    
  366. }
  367.  /* PERMALINK PAGE NOTES */
  368. ol.notes {padding:0;margin:0;border-radius:0;
  369. overflow:none;max-width:679px;
  370.  
  371. }
  372. /* MUSIC PLAYERS */
  373. .music-player-tumblr {position: relative; min-height: 250px; overflow:hidden;}
  374. .music-player-tumblr img {opacity:0.8;
  375. position: absolute;
  376. top: 0px;
  377. left: 0px;
  378.  
  379. width: 250px;
  380. }
  381. .cover {z-index: 2;  width: 250px; position: absolute;}
  382.  
  383. .audio-base-btn {opacity: 0.5;
  384. top: 50px;
  385. left: 50px;
  386.         {block:IfWhiteAudioPlayer}background-color: #fff;{/block:IfWhiteAudioPlayer}    
  387.         {block:IfGreyAudioPlayer}background-color: #ccc;{/block:IfGreyAudioPlayer}
  388.         {block:IfBlackAudioPlayer}background-color: #000;{/block:IfBlackAudioPlayer}
  389.         position: absolute;
  390.         z-index: 10;
  391.         width: 100px;
  392.         height:100px;
  393. border-radius: 50px;
  394.         margin-top: 25px;  margin-left: 25px;
  395.             transition-duration: 0.6s;  
  396.         -moz-transition-duration: 0.6s;  
  397.         -webkit-transition-duration: 0.6s;  
  398.         -o-transition-duration: 0.6s;}
  399.        
  400.        
  401.   }
  402.  
  403.  
  404. .music-player-tumblr:hover .audio-base-btn, .music-player-tumblr:hover .audio-play-btn, {opacity: 1;
  405.     transition-duration: 0.6s;  
  406.         -moz-transition-duration: 0.6s;  
  407.         -webkit-transition-duration: 0.6s;  
  408.         -o-transition-duration: 0.6s;}
  409.  .audio-base-btn:hover {opacity: 1;}
  410.      
  411. .audio-play-btn{
  412.     opacity:1;
  413. width: 20px;
  414. height: 30px;
  415. overflow: hidden;
  416. position: relative;
  417. left: 37px;
  418. top: 35px;
  419. }
  420.  
  421. .music-info {
  422. position: relative;
  423. right: 0;
  424. margin-left: 250px;
  425. width: 100%;
  426. z-index: 99;
  427. overflow: hidden;
  428. background-color: {color:MusicInfo};
  429. font-family:Arial, Helvetica, sans-serif;
  430. min-height: 250px;
  431. text-align: left;
  432.   color: {color:Body};
  433.  
  434. font-size: 15px;
  435. }
  436.  
  437. .track-name {
  438. font-size: 25px;
  439. font-weight: bold;
  440. margin: 85px 40px 0px;
  441. display: block;
  442.  
  443. }
  444.        .artist-name, .album-name {
  445. font-style: italic;
  446. font-size: 15px;
  447. margin: 0 0 0 40px;
  448. display:block;
  449. }
  450.  
  451. .video iframe.spotify_audio_player {
  452. width: 100%;
  453. background: rgb(32, 32, 32);
  454. max-height: 450px;
  455. }
  456.  
  457.  
  458.  
  459.    iframe.soundcloud_audio_player{
  460. width: 100%;
  461. margin-top: 10px;
  462. }
  463. /* SELECTION */
  464.  
  465. ::-moz-selection  {
  466. background: {color:Highlight};
  467. color: #f1f1f1;
  468. text-shadow: none;
  469. }
  470. ::selection {
  471. background: {color:Highlight};
  472. color: #f1f1f1;
  473. text-shadow: none;
  474. }
  475.  
  476.  
  477. /* SEARCHBAR Copyright (c) 2012 Thibaut Courouble
  478.  * Licensed under the MIT License
  479.    ================================================== */
  480.  
  481.  
  482.  
  483. input {
  484.     font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  485.     font-size: 13px;
  486.     color: #555860;
  487. }
  488.  
  489. .search {
  490.     position: relative;
  491. margin: auto auto auto auto;
  492. max-width: 150px;
  493. }
  494.  
  495. .search input {
  496.     height: 26px;
  497.     width: 100%;
  498.     padding: 0 12px 0 25px;
  499.     background: white
  500.  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAvElEQVQoz2M4cuwSAxTHAvEuIH4LxLeBeCkQGyDJgzGMsQiI/wPxQyCeCcSrgfgDEP8E4kB0DQlQxdOAmA1JUhqILwHxZygbruEw1Als6NYDsRnUsApkDd+AeDIWxTD8HOofuAaQW+fgUMwMddJkZA0boZrksGhIhjopBFmDATQ0rgKxMZLiTKjpf5ANg0l6A/ErqGkfoDQyvg0LKWTrRYE4BxoPIBwOVXQbWRMDntBBjg+YpvPEaECORCcAN3OED1Nr2h0AAAAASUVORK5CYII=') 8px 6px no-repeat;
  501.     border-width: 0px;
  502.  
  503. border-radius: 57px;
  504.     -webkit-box-sizing: border-box;
  505.     -moz-box-sizing: border-box;
  506.     -ms-box-sizing: border-box;
  507.     -o-box-sizing: border-box;
  508.     box-sizing: border-box;
  509.  
  510. }
  511.  
  512. .search input:focus {
  513.     outline: none;
  514.     border-color: none;
  515.     -webkit-box-shadow: 0 0 2px #f1f1f1;
  516.     -moz-box-shadow: 0 0 2px #f1f1f1;
  517.     -ms-box-shadow: 0 0 2px #f1f1f1;
  518.     -o-box-shadow: 0 0 2px #f1f1f1;
  519.     box-shadow: 0 0 2px #f1f1f1;
  520. }
  521.  
  522. .search input:focus{ display: block }
  523.  
  524.  
  525.  
  526.  
  527. .lt-ie9 .search input { line-height: 26px }
  528.  
  529.  
  530. /* CHAT */
  531.  
  532. ul.conversation {
  533. font-family: "Courier New", Courier, monospace;
  534. list-style-type: none;
  535. }
  536. li.line .person {
  537. font-weight: bold; font-size: 17px;
  538. }
  539. li.line.odd, li.line.even {
  540. margin-bottom: 8px;
  541. }
  542. /* QUOTE */
  543.  
  544. blockquote {
  545. margin-left: 20px;
  546. padding-left: 15px;
  547. border-left: 5px #b0b0b0 solid;
  548. font-family:Helvetica, arial, sans-serif;
  549. font-weight:400;
  550. font-size:14px;
  551. }
  552.  
  553. p.source {
  554. margin: 20px 0 0 20px;
  555. }
  556. /* SUBMISSION */
  557.  
  558. .caption.submission {
  559. position: relative;
  560. }
  561. div.submission img {
  562. border-radius: 50px;
  563. }
  564. .submitter a {
  565. text-transform: uppercase;
  566. font-weight: bold;
  567. }
  568. span.submitter {
  569. position: absolute;
  570. top: 64px;
  571. left: 97px;
  572. }
  573.  
  574.  
  575. /* ANSWER */
  576.  
  577. div.answer div.caption {
  578. position: relative;
  579. }
  580. span.answer-txt {
  581. margin: 20px;
  582. display: block;
  583. }
  584.  
  585. span.asker {
  586. display: inline-block;
  587. position: absolute;
  588. top: 75px;
  589. left: 110px;
  590. }
  591. a.asker, a.submitter {
  592. text-transform: uppercase;
  593. font-weight: bold;
  594. }
  595.  
  596. span.question {
  597. display: inline-block;
  598. font-style: italic;
  599. text-align: left;
  600. position: relative;
  601. max-width: 700px;
  602. opacity: 0.5;
  603. margin-left: 135px;
  604. margin-top: 64px;
  605. }
  606.  
  607.  
  608.  
  609. span.question:before {
  610. content: open-quote;
  611. font-family: arial, helvetica, sans-serif;
  612. font-weight: bold;
  613. font-size: 75px;
  614. opacity: 0.2;
  615. width: 56px;
  616. height: 40px;
  617. display: inline-block;
  618. position: absolute;
  619. top: -17px;
  620. left: -50px;
  621. }
  622.  
  623. /* THEME SKULL */
  624.  
  625. aside {
  626. text-align: center;
  627. max-width: 150px;
  628. position: fixed;
  629. height: 100%;
  630. min-height: 100%;
  631. }
  632. .container {
  633. max-width: 1000px;
  634. padding: 15px 20px;
  635. margin: auto;
  636. }
  637. .content {
  638. margin-left: 170px;
  639. max-width: 700px;
  640. overflow-x: hidden;
  641. overflow-y: hidden;
  642. }
  643. {block:IfPinnedPost}
  644. .pinned {
  645. position: fixed;
  646. text-align: center;
  647. top: 15px;
  648. right: 0px;
  649. max-width: 541px;
  650. overflow-x: hidden;
  651. }
  652. {/block:IfPinnedPost}
  653. {block:IfHideNSFW}
  654. .nsfw {
  655. position: fixed;
  656. max-width: 0;
  657. max-height: 0;
  658. overflow: hidden;
  659. }
  660. {/block:IfHideNSFW}
  661. div.text{background: {color:Caption};
  662. border: 0;
  663. margin: 0;
  664. max-width: 700px;
  665. padding: 40px 20px;
  666. text-align: justify;
  667. overflow: hidden;
  668. }
  669. .caption, .chat, .quote{
  670. background: {color:Caption};
  671. border: 0;
  672. margin: 0;
  673. max-width: 700px;
  674. padding: 40px 20px;
  675. text-align: justify;
  676. overflow: hidden;
  677. }
  678. footer {position:relative;
  679. padding: 30px 30px 20px 0;
  680. background-color: {color:Footer};
  681. margin-top: 0px;
  682. font-size: 12px;
  683. border-radius: 0 0 3px 3px;
  684. line-height: 27px;
  685. margin-bottom: 30px;
  686. }
  687. .metadata .index li a, .metadata .index li {
  688. color: {color:Tags};
  689. }
  690. .index {
  691. max-width: 640px;
  692. border: 0;
  693. margin: 0;
  694. display: inline-block;
  695. list-style-type: none;
  696. }
  697.  
  698. ul.index li {
  699. display: inline-block;
  700. margin: 0px 10px 0px 0px;
  701. font-size: 13px;
  702. }
  703. .tags li {
  704.     line-height: 13px;
  705. }
  706.  
  707. #likereblog {
  708. float: right;
  709. position: absolute;
  710. right: 15px;
  711. bottom: 12px;
  712. }
  713. #likereblogpermalink {
  714. float: right;
  715. position: absolute;
  716. right: 15px;
  717. bottom: 5px;
  718. }
  719.  .like_button{
  720. float: right;
  721. margin-right: 15px;
  722. }
  723. a.reblog_button {
  724. float: left;
  725. margin-right: 6px;
  726. }
  727.  
  728.  
  729.  
  730. .clear{
  731.  
  732.     clear: both;
  733.  
  734. }
  735.  
  736.  
  737.  
  738. /*----NOTES PERMALINK----*/
  739. span.action  {position: relative;
  740. top: -2px;
  741. left: 5px;
  742. }
  743. ol.notes {
  744. list-style-type: none;
  745. }
  746.  
  747. @media screen and (max-width:800px) {
  748.    
  749.     body {
  750.         font-size: 13px;
  751.     }
  752.    
  753.     .content {
  754.         padding: 0;margin-left:inherit;
  755.     }
  756.    
  757.     aside {
  758.         text-align: center;
  759.         width: 100%!important;
  760.         max-width: 700px;
  761.         position: static;
  762.         margin: 0 auto;
  763.         margin-bottom: 50px;
  764.     }
  765.  
  766.  
  767.  
  768. .music-player-tumblr {
  769.  
  770. max-height: 425px;
  771. text-align: center;
  772. }
  773. .audio-base-btn {
  774. position: relative;
  775. text-align: center;
  776.  
  777. margin: auto;
  778. top: 75px;
  779. display: block;
  780. left:0;
  781. margin-top: 25px;
  782.  
  783. }
  784. .music-player-tumblr img {
  785. position: relative;
  786. top: -125px;
  787.  
  788. width: 300px;
  789. margin: auto;
  790. }
  791.  
  792. .music-info {
  793. margin-left:0;
  794.  
  795. top: -129px;
  796. min-height: 200px;
  797. text-align: center;
  798.  
  799. }
  800.  
  801.  
  802.  
  803. .track-name {
  804.  
  805. margin: 30px 40px 0px;
  806.  
  807. }
  808. .artist-name, .album-name {
  809.  
  810. margin: 0;
  811.  
  812. }
  813.  
  814.  
  815. div.description {
  816.     color: {color:Description};
  817. text-align: center;
  818. font-size: 14px;
  819. margin: 10px 0 0 11px;
  820.  
  821. }
  822.   .nav ul {
  823. list-style-type: none;
  824. text-align: center;
  825. padding: 0;
  826. margin: 10px 0 0 10px;
  827. border: 0;
  828. font-size: 15px;
  829. line-height: 1.5em;
  830. }
  831.  
  832. .audio {background-color:{color:MusicBoxColor};}
  833.     .nav li {
  834.         display:inline;
  835.         padding: 0 8px;}
  836.        
  837.    
  838.        .social-links li {
  839.         padding: 0 5px;
  840.     }
  841.    
  842.     .content {
  843.         margin: 0;
  844.     }
  845.    
  846.     .post {
  847.        
  848.         padding-bottom: 30px;
  849.        
  850.         margin-bottom: 30px;
  851.         border-bottom: 0;
  852.     }
  853.    
  854.     .non-media {
  855.         padding: 0 30px;
  856.     }
  857.    
  858.     .post-footer {
  859.         font-size: 11px;
  860.         margin-top: 15px;
  861.         padding: 0 30px;
  862.     }
  863.    
  864.     .credit {
  865.         display: none;
  866.     }
  867.    
  868. }
  869.  
  870.        
  871.         @media screen and (max-width:650px) {      
  872.             span.action  { font-size:9px;position:relative;
  873. top: -26px;
  874. left: 16px;}
  875. }  
  876.         /*Tumblr inherited */
  877.         iframe#tumblr_controls {}
  878.         .search_query {}
  879.         .read_more_container a {}
  880.        
  881.         {CustomCSS}
  882.     </style>
  883.    
  884.          <!--Normalize 3.0.0 CSS-->
  885.      <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  886.  
  887. </head>
  888.  
  889. <body>
  890.    
  891.     <div class="container">
  892.        
  893.             <aside id="sidebar">
  894.                 <header>
  895.                     <h1 id="title"><a href="/">{Title}</a></h1>
  896.                     {block:IfAvatar}
  897.                         {block:IfCustomAvatar}
  898.                             <a href="/"><img src="{image:CustomAvatar}"/></a>
  899.                         {/block:IfCustomAvatar}
  900.                         {block:IfNotCustomAvatar}
  901.                             <div id="avatar">
  902.                             <a href="/"><img src="{PortraitURL-96}" alt="<Avatar>"></a>
  903.                             </div>
  904.                         {/block:IfNotCustomAvatar}
  905.                     {/block:IfAvatar}
  906.                     {block:Description}
  907.                         <div class="description">
  908.                             {block:IfMobileDescription}
  909.                                 <br/>
  910.                                 {Description}
  911.                                 <br/>
  912.                             {/block:IfMobileDescription}
  913.                             {block:ifExtendedDescription}
  914.                                 <br/>
  915.                                 {text:ExtendedDescription}
  916.                                 <br/>
  917.                             {/block:ifExtendedDescription}
  918.                         </div>
  919.                     {/block:Description}
  920.                    
  921.                 </header>
  922.  
  923.                 <div class="nav">
  924.                     <ul>
  925.                     {block:IfPinnedPost}
  926.                         <br/>
  927.                         <center><button>📌</button></center>
  928.                     {/block:IfPinnedPost}
  929.                     {block:IfNavigationDropdown}
  930.                         <p>
  931.                             <br/>
  932.                             <center>
  933.                             <select onChange="window.location.href=this.value" style="background:transparent;padding:1px;border-style:hidden;color:{color:Links};">
  934.                                 <option>Navigation</option>
  935.                                 <option value="/">Home</option>
  936.                                 <option value="/archive">Archive</option>
  937.                                 {block:AskEnabled}
  938.                                     <option value="/ask">{AskLabel}</option>
  939.                                 {/block:AskEnabled}
  940.                                 {block:SubmissionsEnabled}
  941.                                     <option value="/submit">{SubmitLabel}</option>
  942.                                 {/block:SubmissionsEnabled}
  943.                                 {block:Likes}
  944.                                     <option value="/likes">{lang:Likes}</option>
  945.                                 {/block:Likes}
  946.                                 {block:ShareFollowing}
  947.                                     <option value="/following">{lang:Following}</option>
  948.                                 {/block:ShareFollowing}
  949.                                 {block:HasPages}
  950.                                     {block:Pages}
  951.                                         <option value="{URL}">{Label}</option>
  952.                                     {/block:Pages}
  953.                                 {/block:HasPages}
  954.                             </select>
  955.                             </center>
  956.                         </p>
  957.                     {/block:IfNavigationDropdown}
  958.                     {block:IfNotNavigationDropdown}
  959.                         <br/>
  960.                         <p style="margin:2px"><a href="/">Home</a></p>
  961.                         <p style="margin:2px"><a href="/archive">Archive</a></p>
  962.                         {block:AskEnabled}
  963.                             <p style="margin:2px"><a href="/ask">{AskLabel}</a></p>
  964.                         {/block:AskEnabled}
  965.                         {block:SubmissionsEnabled}
  966.                             <p style="margin:2px"><a href="/submit">{SubmitLabel}</a></p>
  967.                         {/block:SubmissionsEnabled}
  968.                         {block:Likes}
  969.                             <p style="margin:2px"><a href="/likes">{lang:Likes}</a></p>
  970.                         {/block:Likes}
  971.                         {block:ShareFollowing}
  972.                             <p style="margin:2px"><a href="/following">{lang:Following}</a></p>
  973.                         {/block:ShareFollowing}
  974.                         {block:HasPages}
  975.                             {block:Pages}
  976.                                 <p style="margin:2px"><a href="{URL}">{Label}</a></p>
  977.                             {/block:Pages}
  978.                         {/block:HasPages}
  979.                     {/block:IfNotNavigationDropdown}
  980.                        
  981.                     </ul>
  982.                    
  983.                    
  984.                    
  985.                     {block:IfShowSearchBar}
  986.                         <br/>
  987.                         <form action='/search' class="search" id='nav-search' method='get'>
  988.                             <input name='q' type='text' placeholder='Search...' value='{SearchQuery}'/>
  989.                         </form>
  990.                     {/block:IfShowSearchBar}
  991.                 </div>
  992.  
  993.         <ul class="social-icons">
  994.             <br/>
  995.             {block:IfTwitter}
  996.                 <li><a class="twitter" href="{text:Twitter}" title="Twitter"><span class="socicon">a</span></a></li>
  997.             {/block:IfTwitter}
  998.             {block:IfFacebook}
  999.                 <li><a class="facebook" href="{text:Facebook}"><span class="socicon">b</span></a></li>
  1000.             {/block:IfFacebook}
  1001.             {block:IfDribbble}
  1002.                 <li><a class="dribbble" href="{text:Dribbble}"><span class="socicon">D</span></a></li>
  1003.             {/block:IfDribbble}
  1004.             {block:IfBehance}
  1005.                 <li><a class="behance" href="{text:Behance}"><span class="socicon">H</span></a></li>
  1006.             {/block:IfBehance}
  1007.             {block:IfYoutube}
  1008.                 <li><a class="youtube" href="{text:Youtube}"><span class="socicon">r</span></a></li>
  1009.             {/block:IfYoutube}
  1010.             {block:IfSoundcloud}
  1011.                 <li><a class="soundcloud" href="{text:Soundcloud}"><span class="socicon">n</span></a></li>
  1012.             {/block:IfSoundcloud}
  1013.             {block:IfGoogleplus}
  1014.                 <li><a class="googleplus" href="{text:Googleplus}"><span class="socicon">c</span></a></li>
  1015.             {/block:IfGoogleplus}
  1016.             {block:IfVimeo}
  1017.                 <li><a class="vimeo" href="{text:Vimeo}"><span class="socicon">s</span></a></li>
  1018.             {/block:IfVimeo}
  1019.             {block:IfInstagram}
  1020.                 <li><a class="instagram" href="{text:Instagram}"><span class="socicon">x</span></a></li>
  1021.             {/block:IfInstagram}
  1022.             {block:IfSteam}
  1023.                 <li><a class="steam" href="{text:Steam}" title="Steam"><span class="socicon">X</span></a></li>
  1024.             {/block:IfSteam}
  1025.             {block:IfLinkedin}
  1026.                 <li><a class="linkedin" href="{text:Linkedin}"><span class="socicon">j</span></a></li>
  1027.             {/block:IfLinkedin}
  1028.             {block:IfEmail}
  1029.                 <li><a class="email" href="mailto:{text:Email}" title="Outlook">
  1030.                 <svg version="1.1" id="svg-email" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1031.      width="20.803px" height="14.533px" viewBox="0 0 20.803 14.533" enable-background="new 0 0 20.803 14.533" xml:space="preserve">
  1032.                 <g>
  1033.                 <polygon fill="{color:SocialIcons}" points="20.352,0 0.606,0 10.405,8.542   "/>
  1034.                 <path fill="{color:SocialIcons}" d="M4.772,5.648L0,1.487v10.72l4.664-6.458C4.694,5.708,4.736,5.683,4.772,5.648z"/>
  1035.     <path fill="{color:SocialIcons}" d="M14.747,6.817l-3.85,3.306c-0.143,0.122-0.318,0.184-0.495,0.184c-0.178,0-0.356-0.062-0.5-0.188L5.9,6.631
  1036.         C5.898,6.634,5.898,6.637,5.896,6.64l-5.701,7.894h20.124L14.747,6.817z"/>
  1037.                 <polygon fill="{color:SocialIcons}" points="15.903,5.823 20.803,12.606 20.803,1.616     "/>
  1038.                 </g>
  1039.                 </svg>
  1040.                 </a></li>
  1041.             {/block:IfEmail}
  1042.            
  1043.            
  1044.            
  1045.         </ul>
  1046.                
  1047.     <div class="nav">
  1048.        <ul>
  1049.        {block:IfSkype}
  1050.        <br/>
  1051.        Skype:
  1052.        <br/>
  1053.        {text:Skype}
  1054.        <br/>
  1055.        {/block:IfSkype}
  1056.        {block:IfDiscord}
  1057.        <br/>
  1058.        Discord:
  1059.        <br/>
  1060.        {text:Discord}
  1061.        <br/>
  1062.        {/block:IfDiscord}
  1063.        {block:If3DSFC}
  1064.        <br/>
  1065.        3DS FC:
  1066.        <br/>
  1067.        {text:3DSFC}
  1068.        <br/>
  1069.        {/block:If3DSFC}
  1070.        {block:IfNNID}
  1071.        <br/>
  1072.        NNID:
  1073.        <br/>
  1074.        {text:NNID}
  1075.        <br/>
  1076.        {/block:IfNNID}
  1077.        {block:IfBattletag}
  1078.        <br/>
  1079.        Battletag:
  1080.        <br/>
  1081.        {text:Battletag}
  1082.        <br/>
  1083.        {/block:IfBattletag}
  1084.        </ul>
  1085.      </div>
  1086.                
  1087.             </aside>
  1088.  
  1089.             <section class="content">
  1090.             {block:IfInfiniteScroll}
  1091.             <div class="autopagerize_page_element">
  1092.             {/block:IfInfiniteScroll}
  1093.                
  1094.                 {block:Posts}
  1095.                
  1096.                
  1097.                 <article class="post {TagsAsClasses}">
  1098.                     {block:Text}
  1099.                     <div class="text">
  1100.                         {block:Title}
  1101.  
  1102.                         <h2>{Title}</h2>{/block:Title} {Body}
  1103.                     </div>{/block:Text} {block:Quote}
  1104.  
  1105.                     <div class="quote">
  1106.                         <blockquote class="words {Length}">
  1107.                             &#8220;{Quote}&#8221;
  1108.                         </blockquote>{block:Source}
  1109.  
  1110.                         <p class="source">&mdash; {Source}</p>{/block:Source}
  1111.                     </div>{/block:Quote} {block:Link}
  1112.  
  1113.                     <div class="link">
  1114.                         <h3><a href="{URL}">{Name}</a></h3>{block:Description}
  1115.  
  1116.                         <div class="caption">
  1117.                             {Description}
  1118.                         </div>{/block:Description}
  1119.                     </div>{/block:Link}
  1120.                    
  1121.                    
  1122.     {block:Video}
  1123.  
  1124.                     <div class="video">
  1125.                          {Video-700} {block:Caption}
  1126.  
  1127.                         <div class="caption">
  1128.                             {Caption}
  1129.                         </div>{/block:Caption}
  1130.                     </div>{/block:Video}
  1131.                    
  1132.                    
  1133.              
  1134.                    
  1135.          
  1136.  
  1137.                    
  1138.                    
  1139.                    
  1140.                    
  1141.                    
  1142. {block:Audio}
  1143. <div class="audio">
  1144. <div class="music-player-tumblr">
  1145. {block:AudioPlayer}
  1146. <div class="audio-base-btn"><div class="audio-play-btn">{block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}
  1147. {block:IfGreyAudioPlayer}{AudioPlayerGrey}{/block:IfGreyAudioPlayer}
  1148. {block:IfBlackAudioPlayer}{AudioPlayerBlack}{/block:IfBlackAudioPlayer}</div></div>
  1149. {/block:AudioPlayer}
  1150.  
  1151.  
  1152. {block:AlbumArt}
  1153. <img class="cover" src="{AlbumArtURL}" />
  1154. {/block:AlbumArt}
  1155.  
  1156. <div class="music-info">
  1157. {block:TrackName}<span class="track-name">{TrackName}</span>{/block:TrackName}
  1158. {block:Artist}<span class="artist-name">{Artist}</span>{/block:Artist} {block:Album}<span class="album-name">{Album}</span>{/block:Album}<br>
  1159.  
  1160.  
  1161. </div></div>
  1162. </div>
  1163. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1164. {/block:Audio}
  1165.                    
  1166.                    
  1167.                    
  1168.                    
  1169.                      {block:Photo}
  1170.  
  1171.                     <div class="photo">
  1172.                         {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag} {block:Caption}
  1173.  
  1174.                         <div class="caption">
  1175.                             {Caption}
  1176.                         </div>{/block:Caption}
  1177.                     </div>{/block:Photo}
  1178.                    
  1179.                    
  1180.                    
  1181.            
  1182.  
  1183.  
  1184.  
  1185.  
  1186. {block:Photoset}
  1187. {block:PermalinkPage}{Photoset-700} {/block:PermalinkPage}
  1188. {block:IndexPage} {Photoset-700}{/block:IndexPage}
  1189.         {block:Caption}
  1190.    <div class="caption">   {Caption}
  1191. </div>  {/block:caption}
  1192. {/block:Photoset}
  1193.  
  1194.  
  1195.                      {block:Panorama}
  1196.  
  1197.                     <div class="panorama">
  1198.                         {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag} {block:Caption}
  1199.  
  1200.                         <div class="caption">
  1201.                             {Caption}
  1202.                         </div>{/block:Caption}
  1203.                     </div>{/block:Panorama} {block:Chat}
  1204.  
  1205.  
  1206.                     <div class="chat">
  1207.                         {block:Title}
  1208.  
  1209.                         <h3>{Title}</h3>{/block:Title}
  1210.  
  1211.                         <ul class="conversation">
  1212.                             <li style="list-style: none">{block:Lines}</li>
  1213.  
  1214.                             <li class="line {Alt}">{block:Label}<span class="person">{Label}</span>{/block:Label} <span class="person-said">{Line}</span></li>
  1215.  
  1216.                             <li style="list-style: none">{/block:Lines}</li>
  1217.                         </ul>
  1218.                     </div>{/block:Chat}
  1219.                    
  1220.                     {block:Submission}
  1221.                
  1222.                      
  1223.                     <div class="caption submission"> <img src="{SubmitterPortraitURL-64}"> <span class="submitter"><a href="{SubmitterURL}" target"_blank">{Submitter}</a> submitted this </span> </div>
  1224.                    
  1225.                    
  1226.                     {/block:Submission}
  1227.                    
  1228.                    
  1229.                    
  1230.                    
  1231.                    
  1232.                     {block:Answer}
  1233.  
  1234.                     <div class="answer">
  1235.                     <div class="caption">
  1236.                         <img src="{AskerPortraitURL-64}"> <span class="asker">{Asker} asked :</span> <span class="question">{Question}</span> <span class="answer-txt">{Answer}</span>
  1237.                     </div></div>{/block:Answer}
  1238.                    
  1239.                    
  1240.                    
  1241.  
  1242.                  
  1243.                    
  1244.                    
  1245.  {block:IndexPage}
  1246.                     <footer class="metadata">
  1247.                         <ul class="index">
  1248.                                           <div class="tags">{block:Tags}
  1249.  
  1250.                             <li><p><a href="{TagURL}">#{Tag}</a></p></li>
  1251.  
  1252.                            {/block:Tags}</div><div class="sources">{block:ContentSource}
  1253.                            
  1254.                             <li><a href="{SourceURL}">{lang:Source}: {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo} {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">{/block:SourceLogo}</a></li>
  1255.                               {/block:ContentSource}{block:RebloggedFrom}
  1256. (via <a href="{ReblogParentURL}">{ReblogParentName}</a>)
  1257. {/block:RebloggedFrom}</div>
  1258.                            
  1259.                             {block:IfShowTimeAgo}{block:Date}<a href={Permalink}> posted {TimeAgo} • {ShortMonth} {DayOfMonth}, {Year}, {12Hour}:{Minutes}{AmPm}</a>{/block:Date}{/block:IfShowTimeAgo} {block:IfShowTimeAgo}{block:IfShowNoteCount}{block:NoteCount}with{/block:NoteCount}{/block:IfShowNoteCount}{/block:IfShowTimeAgo} {block:IfShowNoteCount}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:IfShowNoteCount}
  1260.              
  1261.                          </ul>
  1262.                   <div id="likereblog">
  1263.                             {block:IfLikeButton} {LikeButton size="20"}{/block:IfLikeButton}
  1264.                         {block:IfReblogButton} {ReblogButton size="20"} {/block:IfReblogButton}
  1265.                         </div>
  1266.                        
  1267.                     </footer>
  1268.                  
  1269.                    {/block:IndexPage}
  1270.                        
  1271.                        
  1272.                         {block:PermalinkPage}
  1273.                        
  1274.                        
  1275.                     <footer class="metadata permalink">
  1276.                         <ul class="index">
  1277.                                           <div class="tags">{block:Tags}
  1278.  
  1279.                             <li><p><a href="{TagURL}">#{Tag}</a></p></li>
  1280.  
  1281.                            {/block:Tags}</div><div class="sources">{block:ContentSource}
  1282.                            
  1283.                             <li><a href="{SourceURL}">{lang:Source}: {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo} {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">{/block:SourceLogo}</a></li>
  1284.                               {/block:ContentSource}{block:RebloggedFrom}
  1285. (via <a href="{ReblogParentURL}">{ReblogParentName}</a>)
  1286. {/block:RebloggedFrom}</div>
  1287.                            
  1288.                             {block:IfShowTimeAgo}{block:Date}<a href={Permalink}> posted {TimeAgo} • {ShortMonth} {DayOfMonth}, {Year}, {12Hour}:{Minutes}{AmPm}</a>{/block:Date}{/block:IfShowTimeAgo} {block:IfShowTimeAgo}{block:IfShowNoteCount}{block:NoteCount}with{/block:NoteCount}{/block:IfShowNoteCount}{/block:IfShowTimeAgo} {block:IfShowNoteCount}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:IfShowNoteCount}
  1289.                            
  1290.                          </ul>
  1291.                     <div id="likereblogpermalink">
  1292.                           {block:IfLikeButton} {LikeButton size="20"}{/block:IfLikeButton}
  1293.                         {block:IfReblogButton} {ReblogButton size="20"} {/block:IfReblogButton}
  1294.                         </div>
  1295.                        
  1296.                     </footer>
  1297.                        
  1298.                        
  1299.            
  1300.                        
  1301.                         {block:PostNotes}
  1302.  
  1303.                         <div id="notes">
  1304.                             {PostNotes}
  1305.                         </div>
  1306.                         {/block:PostNotes}
  1307.  
  1308.  
  1309.     {block:PermalinkPagination}
  1310.  
  1311.     <div class="pagination">
  1312.    
  1313.        
  1314.     {block:PreviousPost}<a href="{PreviousPost}" class="prev" style="float:left;">Previous post</a>    
  1315.     {/block:PreviousPost}
  1316.  
  1317.     {block:NextPost}
  1318.         <a href="{NextPost}" class="next" style="float:right;">Next Post</a>
  1319.     {/block:NextPost}
  1320.     </div>{/block:PermalinkPagination}
  1321.  
  1322.    
  1323.      
  1324.                         {/block:PermalinkPage}
  1325.                        
  1326.                      
  1327.              
  1328.                 </article>
  1329.              
  1330.                 {/block:Posts}
  1331.                         {block:IfInfiniteScroll}
  1332.            
  1333.             </div>
  1334.             {/block:IfInfiniteScroll}
  1335.              {block:ifNotInfiniteScroll}
  1336.      {block:Pagination}
  1337.  
  1338.     <div class="pagination">
  1339.    
  1340.         {block:PreviousPage}<a href="{PreviousPage}" class="prev" style="float:left;">Previous </a>{/block:PreviousPage}
  1341. {block:NextPage}<a href="{NextPage}" class="next" style="float:right;">Next</a>{/block:NextPage}
  1342.     </div>{/block:Pagination}
  1343.     {/block:ifNotInfiniteScroll}
  1344.     <!--close content-->
  1345.                
  1346.             </section>
  1347.            
  1348.             {block:IfPinnedPost}
  1349.             <section class="pinned">
  1350.                 <h1><u>Pinned Post</u></h1>
  1351.                 <div class="tumblr-post" data-href="{text:PinnedPostDataHref}" data-did="{text:PinnedPostDataDid}"><a href="{text:PinnedPostAHref}">{text:PinnedPostAHref}</a>
  1352.                 </div>
  1353.                 <script async src="https://secure.assets.tumblr.com/post.js">
  1354.                 </script>
  1355.             </section>
  1356.             {/block:IfPinnedPost}
  1357.  
  1358.             <div class="credits">
  1359.                     <a href="http://blog.aprilsylph.co.uk" target="_blank">Little Guy modification by AprilSylph</a><br><br>
  1360.                     <a href="http://gregory.sujkowski.fr" target="_blank">Big Guy Theme by GregSuj</a><br><br> <a href="http://socicon.com/" target="_blank">using Socion font </a>
  1361.                 </div>
  1362.  
  1363.         <!--
  1364. GOOGLE ANALYTICS CODE
  1365. -->  
  1366.    {block:IfGoogleAnalyticsID}
  1367. <script>
  1368. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1369. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1370. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1371. s.parentNode.insertBefore(g,s)}(document,'script'));
  1372. </script>
  1373. {/block:IfGoogleAnalyticsID}
  1374.  
  1375. </body>
  1376. </html>
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!