API tools faq
paste
Guest User

Little Guy Theme Update 4

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