daily pastebin goal
63%
SHARE
TWEET

RobCo Terminal Theme for Tumblr v1.0

littletownthemes Jun 12th, 2014 2,659 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <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}">
  3. <head>
  4.         <!--
  5.                       .           ,                   .
  6.         ._. _ |_  _. _   -+- _ ._.._ _ *._  _.|
  7.         [  (_)[_)(_.(_)   | (/,[  [ | )|[ )(_]|
  8.  
  9.         tumblr theme by                 themes.little-town.net
  10.         normalize.css                   necolas.github.io/normalize.css
  11.         extended photosets              github.com/PixelUnion/Extended-Tumblr-Photoset
  12.         fluid videos plugin             fitvidsjs.com
  13.         jscrollpane plugin              jscrollpane.kelvinluck.com
  14.  
  15.         Feel free to edit and customize this theme for personal use.
  16.         Redistribution or sale of this theme is strictly prohibited. RobCo Terminal is free forever!
  17.         For further questions, please contact me at http://little-town.net/contact
  18.  
  19.         -->
  20.        
  21.         <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  22.  
  23.         <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  24.     <link rel="shortcut icon" href="{Favicon}" />
  25.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26.     <meta name="description" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{block:Description}{MetaDescription}{/block:Description}" />
  27.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  28.  
  29.         <meta name="color:Text Color" content="#15f481"/>
  30.         <meta name="image:Header Image" content=""/>
  31.         <meta name="image:Background Image" content="http://static.tumblr.com/4dhjtvt/8eSn6xzdh/lucky38casino.jpg"/>
  32.         <meta name="if:Fullscreen Background" content="1"/>
  33.         <meta name="text:Font" content="Fixedsys"/>
  34.         <meta name="text:Font Size" content="14px"/>
  35.         <meta name="text:Power Button URL" content="http://www.tumblr.com/dashboard"/>
  36.  
  37.         <meta name="text:Download Label" content="Download"/>
  38.         <meta name="text:Asked By Label" content="Asked by"/>
  39.         <meta name="text:Answered By Label" content="Answered by"/>
  40.  
  41.         <meta name="if:Show About Me Text" content=""/>
  42.         <meta name="if:Show Avatar" content=""/>
  43.         <meta name="text:About Me Label" content="About Me"/>
  44.         <meta name="text:About Me Text" content="I use Tumblr."/>
  45.  
  46.         <meta name="if:Show Links" content=""/>
  47.         <meta name="text:Links Label" content="Links"/>
  48.         <meta name="text:Link 1 Label" content=""/>
  49.         <meta name="text:Link 1 URL" content="http://"/>
  50.         <meta name="text:Link 2 Label" content=""/>
  51.         <meta name="text:Link 2 URL" content="http://"/>
  52.         <meta name="text:Link 3 Label" content=""/>
  53.         <meta name="text:Link 3 URL" content="http://"/>
  54.         <meta name="text:Link 4 Label" content=""/>
  55.         <meta name="text:Link 4 URL" content="http://"/>
  56.         <meta name="text:Link 5 Label" content=""/>
  57.         <meta name="text:Link 5 URL" content="http://"/>
  58.  
  59.         <meta name="if:Show Twitter Feed" content="1"/>
  60.         <meta name="text:Twitter Feed Label" content="Twitter Feed"/>
  61.  
  62.         <meta name="if:Show Likes" content="1"/>
  63.         <meta name="text:Likes Label" content="Likes"/>
  64.  
  65.         <meta name="if:Show Followed Blogs" content="1"/>
  66.         <meta name="text:Followed Blogs Label" content="Following"/>
  67.  
  68.         <meta name="text:Google Analytics ID" content="" />
  69.         <meta name="text:Disqus shortname" content="" />
  70.  
  71.         <!-- jScrollPane -->
  72.         <link type="text/css" href="http://static.tumblr.com/4dhjtvt/Hisn645ei/jquery.jscrollpane.css" rel="stylesheet" media="all" />
  73.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  74.         </script>
  75.         <script type="text/javascript" src="http://static.tumblr.com/4dhjtvt/2LSn645kd/jquery.mousewheel.js"></script>
  76.         <script type="text/javascript" src="http://static.tumblr.com/4dhjtvt/OJdn645f1/jquery.jscrollpane.min.js"></script>
  77.  
  78.         <script type="text/javascript">
  79.                 $(document).ready(function(){
  80.                         $('#scrollbar').jScrollPane();
  81.                 });
  82.         </script>
  83.        
  84.         <link type="text/css" href="http://static.tumblr.com/4dhjtvt/mBZn688s8/extended-tumblr-photoset.css" rel="stylesheet" media="all" />
  85.  
  86.         <style type="text/css">
  87.                        
  88.                 /* normalize.css */
  89.                 article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{cursor:default;font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,form,input,button,select,textarea{font-size:100%;margin:0}a,a:active,a:hover{outline:none}a:focus{outline:thin dotted}abbr{_border-bottom:expression(this.title ? '1px dotted':'none')}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#FF0;color:#000}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}nav ul{list-style:none}audio[controls],canvas,video{display:inline-block;*display:inline}audio{display:none;_display:expression(this.controls ? 'inline':'none');*zoom:1}audio[controls]{display:inline-block}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){ overflow:hidden}legend{*margin-left:-7px}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;_overflow:expression(this.type == 'button|reset|submit' ? 'visible':'')}button,input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
  90.  
  91.                 /* Global */
  92.  
  93.                 body {
  94.                         height: 100%;
  95.                         font-family: '{text:Font}','Courier New', monospace;
  96.                         font-size: {text:Font Size};
  97.                         color: {color:Text Color};
  98.                         line-height: 200%;
  99.                         background-color: #06240e;
  100.                         background-image: url({image:Background Image});
  101.                         {block:IfFullscreenBackground}
  102.                                 -moz-background-size:cover;
  103.                         background-size:cover;
  104.                                 background-repeat: no-repeat;
  105.                                 background-attachment: fixed;
  106.                         {/block:IfFullscreenBackground}
  107.                 }
  108.  
  109.                 a:link, a:visited {
  110.                         border-bottom: 1px solid {color:Text Color};
  111.                         color: {color:Text Color};
  112.                         text-decoration: none;
  113.                 }
  114.  
  115.                 a:hover, a:active {
  116.                         background-color: {color:Text Color};
  117.                         color: #011708;
  118.                         text-decoration: none;
  119.                 }
  120.  
  121.                 h1, h2, h3, h4, h5, h6 {
  122.                         font-size: {text:Font Size};
  123.                         font-weight: normal;
  124.                 }
  125.  
  126.                 /* Terminal Layout */
  127.  
  128.                 div#theme-wrap {
  129.                         width: 1277px;
  130.                         height: 1067px;
  131.                         margin: 0 auto;
  132.                 }
  133.  
  134.                 div#terminal-top {
  135.                         width: 1277px;
  136.                         height: 144px;
  137.                         background-image: url(http://static.tumblr.com/4dhjtvt/17mn6xz1v/terminal-top.gif);
  138.                         background-repeat: no-repeat;
  139.                         background-position: center 0;
  140.                 }
  141.  
  142.                 div#terminal-left {
  143.                         float: left;
  144.                         width: 144px;
  145.                         height: 792px;
  146.                         background-image: url(http://static.tumblr.com/4dhjtvt/B8An6xz2w/terminal-left.gif);
  147.                 }
  148.  
  149.                 div#terminal-screen {
  150.                         float: left;
  151.                         width: 1008px;
  152.                         height: 792px;
  153.                         background-image: url(http://static.tumblr.com/4dhjtvt/UR3n6xz3z/terminal-screen-whole.gif);
  154.                         background-repeat: no-repeat;
  155.                 }
  156.  
  157.                 div#screen-wrap {
  158.                         width: 998px;
  159.                         height: 674px;
  160.                         overflow: auto;
  161.                 }
  162.                
  163.                 div#scrollbar {
  164.                         width: 100% !important;
  165.                         height: 100% !important;
  166.                 }
  167.                
  168.                 div#terminal-right {
  169.                         float: right;
  170.                         width: 125px;
  171.                         height: 792px;
  172.                         background-image: url(http://static.tumblr.com/4dhjtvt/Qt5n6xz5v/terminal-right.gif);
  173.                 }
  174.  
  175.                 div#terminal-power {
  176.                         width: 1277px;
  177.                 }
  178.  
  179.                 div#terminal-power-1 {
  180.                         float: left;
  181.                         width: 900px;
  182.                         height: 72px;
  183.                         background-image: url(http://static.tumblr.com/4dhjtvt/QIHn6xz6o/terminal-power-1.gif);
  184.                         background-repeat: no-repeat;
  185.                         background-position: right 0;
  186.                 }
  187.  
  188.                 div#terminal-power-2 {
  189.                         float: left;
  190.                         width: 90px;
  191.                         height: 72px;
  192.                         background-image: url(http://static.tumblr.com/4dhjtvt/CiEn6xz7u/terminal-power-2.gif);
  193.                         background-repeat: no-repeat;
  194.                         background-position: center 0;
  195.                 }
  196.  
  197.                 div#terminal-power-2 a {
  198.                         display: block;
  199.                         width: 90px;
  200.                         height: 72px;
  201.                         border: 0;
  202.                 }
  203.  
  204.                 div#terminal-power-2 a:hover {
  205.                         background: none;
  206.                 }
  207.  
  208.  
  209.                 div#terminal-power-2 span {
  210.                         display: none;
  211.                 }
  212.  
  213.                 div#terminal-power-3 {
  214.                         float: right;
  215.                         width: 287px;
  216.                         height: 72px;
  217.                         background-image: url(http://static.tumblr.com/4dhjtvt/apCn6xza4/terminal-power-3.gif);
  218.                         background-repeat: no-repeat;
  219.                         background-position: 0 0;
  220.                 }
  221.  
  222.                 div#terminal-bottom {
  223.                         clear: both;
  224.                         width: 1277px;
  225.                         height: 59px;
  226.                         background-image: url(http://static.tumblr.com/4dhjtvt/Vein6xzb7/terminal-bottom.gif);
  227.                         background-repeat: no-repeat;
  228.                         background-position: 210px 0;
  229.                 }
  230.                
  231.                 @media screen and (min-height: 720px) and (max-height: 1080px)  {
  232.  
  233.                         div#theme-wrap {
  234.                                 width: 1022px;
  235.                                 height: 854px;
  236.                         }
  237.  
  238.                         div#terminal-top {
  239.                                 width: 1022px;
  240.                                 height: 115px;
  241.                                 background-size: 1010px 115px;
  242.                         }
  243.  
  244.                         div#terminal-left {
  245.                                 width: 115px;
  246.                                 height: 634px;
  247.                                 background-size: 115px 634px;
  248.                         }
  249.  
  250.                         div#terminal-screen {
  251.                                 width: 808px;
  252.                                 height: 634px;
  253.                                 background-size: 808px 634px;
  254.                         }
  255.  
  256.                         div#screen-wrap {
  257.                                 width: 798px;
  258.                                 height: 539px;
  259.                         }
  260.                        
  261.                         div#terminal-right {
  262.                                 width: 99px;
  263.                                 height: 634px;
  264.                                 background-size: 99px 634px;
  265.                         }
  266.  
  267.                         div#terminal-power {
  268.                                 width: 1022px;
  269.                         }
  270.  
  271.                         div#terminal-power-1 {
  272.                                 width: 721px;
  273.                                 height: 58px;
  274.                                 background-size: 670px 58px;
  275.                         }
  276.  
  277.                         div#terminal-power-2 {
  278.                                 width: 72px;
  279.                                 height: 58px;
  280.                                 background-size: 72px 58px;
  281.                         }
  282.  
  283.                         div#terminal-power-2 a {
  284.                                 width: 71px;
  285.                                 height: 58px;
  286.                         }
  287.  
  288.                         div#terminal-power-3 {
  289.                                 width: 229px;
  290.                                 height: 58px;
  291.                                 background-size: 182px 58px;
  292.                         }
  293.  
  294.                         div#terminal-bottom {
  295.                                 width: 1022px;
  296.                                 height: 47px;
  297.                                 background-position: 170px 0;
  298.                                 background-size: 680px 47px;
  299.                         }
  300.                 }
  301.                
  302.                 @media (min-height: 600px) and (max-height: 719px)  {
  303.  
  304.                         div#theme-wrap {
  305.                                 width: 766px;
  306.                                 height: 640px;
  307.                         }
  308.  
  309.                         div#terminal-top {
  310.                                 width: 766px;
  311.                                 height: 86px;
  312.                                 background-size: 758px 86px;
  313.                         }
  314.  
  315.                         div#terminal-left {
  316.                                 width: 86px;
  317.                                 height: 475px;
  318.                                 background-size: 86px 475px;
  319.                         }
  320.  
  321.                         div#terminal-screen {
  322.                                 width: 605px;
  323.                                 height: 475px;
  324.                                 background-size: 605px 475px;
  325.                         }
  326.  
  327.                         div#screen-wrap {
  328.                                 width: 599px;
  329.                                 height: 404px;
  330.                         }
  331.                        
  332.                         div#terminal-right {
  333.                                 width: 75px;
  334.                                 height: 475px;
  335.                                 background-size: 75px 475px;
  336.                         }
  337.  
  338.                         div#terminal-power {
  339.                                 width: 766px;
  340.                         }
  341.  
  342.                         div#terminal-power-1 {
  343.                                 width: 540px;
  344.                                 height: 43px;
  345.                                 background-size: 503px 43px;
  346.                         }
  347.  
  348.                         div#terminal-power-2 {
  349.                                 width: 54px;
  350.                                 height: 43px;
  351.                                 background-size: 54px 43px;
  352.                         }
  353.  
  354.                         div#terminal-power-2 a {
  355.                                 width: 54px;
  356.                                 height: 43px;
  357.                         }
  358.  
  359.                         div#terminal-power-3 {
  360.                                 width: 172px;
  361.                                 height: 43px;
  362.                                 background-size: 136px 43px;
  363.                         }
  364.  
  365.                         div#terminal-bottom {
  366.                                 width: 766px;
  367.                                 height: 35px;
  368.                                 background-position: 126px 0;
  369.                                 background-size: 511px 35px;
  370.                         }
  371.                 }
  372.                
  373.                 @media (min-height: 100px) and (max-height: 599px) {           
  374.  
  375.                         div#theme-wrap {
  376.                                 width: 613px;
  377.                                 height: 512px;
  378.                         }
  379.  
  380.                         div#terminal-top {
  381.                                 width: 613px;
  382.                                 height: 69px;
  383.                                 background-size: 606px 69px;
  384.                         }
  385.  
  386.                         div#terminal-left {
  387.                                 width: 69px;
  388.                                 height: 380px;
  389.                                 background-size: 69px 380px;
  390.                         }
  391.  
  392.                         div#terminal-screen {
  393.                                 width: 484px;
  394.                                 height: 380px;
  395.                                 background-size: 484px 380px;
  396.                         }
  397.  
  398.                         div#screen-wrap {
  399.                                 width: 479px;
  400.                                 height: 323px;
  401.                         }
  402.                        
  403.                         div#terminal-right {
  404.                                 width: 60px;
  405.                                 height: 380px;
  406.                                 background-size: 60px 380px;
  407.                         }
  408.  
  409.                         div#terminal-power {
  410.                                 width: 613px;
  411.                         }
  412.  
  413.                         div#terminal-power-1 {
  414.                                 width: 432px;
  415.                                 height: 34px;
  416.                                 background-size: 403px 34px;
  417.                         }
  418.  
  419.                         div#terminal-power-2 {
  420.                                 width: 43px;
  421.                                 height: 34px;
  422.                                 background-size: 43px 34px;
  423.                         }
  424.  
  425.                         div#terminal-power-2 a {
  426.                                 width: 43px;
  427.                                 height: 34px;
  428.                         }
  429.  
  430.                         div#terminal-power-3 {
  431.                                 width: 138px;
  432.                                 height: 34px;
  433.                                 background-size: 109px 34px;
  434.                         }
  435.  
  436.                         div#terminal-bottom {
  437.                                 width: 613px;
  438.                                 height: 28px;
  439.                                 background-position: 100px 0;
  440.                                 background-size: 409px 28px;
  441.                         }
  442.  
  443.                 }
  444.  
  445.                 /* Header */
  446.  
  447.                 header {
  448.                         margin: 0 20px 20px 20px;
  449.                         padding: 10px 0;
  450.                         text-align: center;
  451.                         border-bottom: 1px dashed {color: Text Color};
  452.                 }
  453.                        
  454.                 h1#site-title {
  455.                         margin: 0;
  456.                         padding: 20px 0 10px 0;
  457.                         line-height: 100%;
  458.                         text-transform: uppercase;
  459.                 }
  460.  
  461.                 p#site-description {
  462.                         margin: 10px 0 0 0;
  463.                 }
  464.  
  465.                 /* Navigation */
  466.  
  467.                 nav > ul {
  468.                         display: table;
  469.                         line-height: 200%;
  470.                         margin: 10px auto 15px auto;
  471.                         list-style-type: none;
  472.                 }
  473.                
  474.                 @media screen and (min-height: 100px) and (max-height: 599px) {
  475.                                        
  476.                         nav > ul {
  477.                                 display: block;
  478.                                 margin: 15px 0;
  479.                         }
  480.  
  481.                 }              
  482.  
  483.                 nav > ul li {
  484.                         display: inline;
  485.                         margin: 0 15px;
  486.                 }
  487.  
  488.                 nav form {
  489.                         display: inline-block;
  490.                 }
  491.  
  492.                 nav input {
  493.                         width: 100px;
  494.                         border: 0;
  495.                         font-family: '{text:Font}';
  496.                         font-family: '{text:Font}','Courier New', monospace;
  497.                         color: {color:Text Color};
  498.                         background: none;
  499.                         border-bottom: 1px solid {color:Text Color};
  500.                         outline: none;
  501.                 }
  502.  
  503.                 /* jScrollPane */
  504.  
  505.                 .jspTrack {
  506.                     background: #06240e;
  507.                 }
  508.  
  509.                 .jspDrag {
  510.                         background: {color:Text Color};
  511.                 }
  512.  
  513.                 /* Site Content */
  514.  
  515.                 main {
  516.                         width: 100%;
  517.                         margin: 0 auto;
  518.                 }
  519.                
  520.                 /* Article */
  521.                
  522.                 article {
  523.                         float: left;
  524.                         max-width: 600px;
  525.                         width: 100%;
  526.                         margin: 0;
  527.                         padding: 20px;
  528.                 }
  529.  
  530.                 @media screen and (min-height: 720px) and (max-height: 1080px)  {
  531.                        
  532.                         article {
  533.                                 max-width: 500px;
  534.                         }
  535.                        
  536.                 }
  537.                                
  538.                 @media screen and (min-height: 600px) and (max-height: 719px)  {
  539.                        
  540.                         article {
  541.                                 max-width: 350px;
  542.                         }
  543.                        
  544.                 }
  545.                
  546.                 @media screen and (min-height: 100px) and (max-height: 599px) {
  547.  
  548.                         article {
  549.                                 max-width: 100%;
  550.                                 float: none;
  551.                         }
  552.                        
  553.                 }
  554.                
  555.                 h3.article-title {
  556.                         margin: 0;
  557.                         padding: 0;
  558.                         text-transform: uppercase;
  559.                 }
  560.  
  561.                 article blockquote, ol.notes blockquote {
  562.                         border-left: 1px dashed {color:Text Color};
  563.                         margin: 0;
  564.                         padding: 0 0 0 20px;
  565.                 }
  566.  
  567.                 article ul {
  568.                         margin-top: 20px;
  569.                 }
  570.  
  571.                 article.photo img, article.photo iframe, div.video-player, div.audio-wrapper {
  572.                         display: inline-block;
  573.                         max-width: 500px;
  574.                         width: 100%;
  575.                         border: 0;
  576.                 }
  577.                
  578.  
  579.                 div.post-caption p {
  580.                         margin: 0 0 20px 0;
  581.                 }
  582.  
  583.  
  584.                 article.quote blockquote {
  585.                         border: none;
  586.                         margin: 0;
  587.                         padding: 0;
  588.                 }
  589.  
  590.                 article.chat ul {
  591.                         list-style-type: none;
  592.                         margin: 10px 0;
  593.                         padding: 0;
  594.                 }
  595.  
  596.                 article.chat ul li {
  597.                         padding: 3px 0;
  598.                 }
  599.  
  600.                 article.chat li.odd strong, article.chat li.even strong {
  601.                         font-weight: normal;
  602.                 }
  603.  
  604.                 div.audio-embed, img.audio-album-art, div.audio-player iframe {
  605.                         margin: 0;
  606.                 }
  607.  
  608.                 img.audio-album-art {
  609.                         max-width: 500px;
  610.                         width: 100%;
  611.                         margin: 0 0 -130px 0;
  612.                         padding: 0;
  613.                 }
  614.  
  615.                 strong.track-title {
  616.                         display: none;
  617.                 }
  618.  
  619.                 div.audio-embed {
  620.                         padding: 15px 0 0 0;
  621.                 }
  622.  
  623.                 div.audio-player {
  624.                         margin-top: 20px;
  625.                 }
  626.  
  627.                 div.audio-player iframe {
  628.                         max-width: 500px;
  629.                         width: 100%;
  630.                         height: 100px;
  631.                         background-color: #000000;
  632.                         padding: 0;
  633.                 }
  634.  
  635.                 p.audio-external {
  636.                         margin: 0;
  637.                 }
  638.  
  639.                 div.ask-user img, div.answerer-user img {
  640.                         margin: 0 2px;
  641.                 }
  642.  
  643.                 div.answer a[href^="http://Anonymous."] {
  644.                         pointer-events: none;
  645.                         cursor: default;
  646.                 }
  647.  
  648.                 /* Article Meta */
  649.  
  650.                 footer.article-footer {
  651.                         float: right;
  652.                         padding: 20px 0;
  653.                         max-width: 300px;
  654.                         width: 100%;
  655.                 }
  656.                        
  657.                 @media screen and (min-height: 720px) and (max-height: 1080px)  {
  658.                        
  659.                         footer.article-footer {
  660.                                 max-width: 215px;
  661.                         }
  662.                        
  663.                 }
  664.                
  665.                 @media screen and (min-height: 600px) and (max-height: 719px)  {
  666.                        
  667.                         footer.article-footer {
  668.                                 max-width: 170px;
  669.                         }
  670.                        
  671.                         article p > img, article.photo img, article.photo iframe, div.video-player, div.audio-wrapper {
  672.                                 max-width: 350px;
  673.                         }
  674.                        
  675.                 }
  676.                
  677.                 @media screen and (min-height: 100px) and (max-height: 599px) {
  678.                        
  679.                         footer.article-footer {
  680.                                 float: none;
  681.                                 max-width: 100%;
  682.                                 margin: 0 20px;
  683.                         }
  684.                 }
  685.  
  686.                 footer ul.article-footer-notes, ul#article-tags, ol.notes {
  687.                         list-style-type: none;
  688.                         margin: 0;
  689.                         padding: 0;
  690.                         line-height: 180%;
  691.                 }
  692.  
  693.                 footer ul.article-footer-notes li:before, ul#article-tags li:before {
  694.                         content: ">";
  695.                         padding: 0 8px 0 0;
  696.                 }
  697.  
  698.                 footer ul.article-footer-notes li, ul#article-tags li {
  699.                         margin: 0 0 5px 0;
  700.                         padding: 0;
  701.                 }
  702.  
  703.                 div.site-clear {
  704.                         clear: both;
  705.                         margin: 0;
  706.                 }
  707.  
  708.                 div.site-clear hr {
  709.                         display: none;
  710.                 }
  711.  
  712.                 h3#tags-title {
  713.                         display: none;
  714.                 }
  715.  
  716.                 ul#article-tags {
  717.                         padding: 0;
  718.                         margin: 20px;
  719.                 }
  720.  
  721.                 ol.notes {
  722.                         margin: 50px 0 0 0;
  723.                         padding: 15px 20px;
  724.                 }
  725.  
  726.                 ol.notes li {
  727.                         margin: 0;
  728.                         padding: 5px 0;
  729.                 }
  730.  
  731.                 ol.notes li blockquote {
  732.                         margin: 10px 0;
  733.                 }
  734.  
  735.                 ol.notes img {
  736.                         margin-right: 5px;
  737.                 }
  738.  
  739.                 /* Aside */
  740.  
  741.                 aside {
  742.                         margin: 0 20px;
  743.                         padding: 30px 0;
  744.                         border-top: 1px dashed {color:Text Color};
  745.                 }
  746.  
  747.                 aside h4 {
  748.                         margin: 0;
  749.                         color: {color:Accent 1};
  750.                         text-transform: uppercase;
  751.                 }
  752.  
  753.                 div.aside-content {
  754.                         margin: 0 0 30px 0;
  755.                 }
  756.  
  757.                 div.aside-content:after {
  758.                         content: "";
  759.                         display: table;
  760.                         clear: both;
  761.                 }
  762.  
  763.                 img#aside-portrait {
  764.                         display: block;
  765.                         margin: 0 0 15px 0;
  766.                 }
  767.  
  768.                 aside ul {
  769.                         margin: 0;
  770.                         padding: 0;
  771.                 }
  772.  
  773.                 ul#aside-links li:before, li.twitter-content:before {
  774.                         content: ">";
  775.                         padding: 0 8px 0 0;
  776.                 }
  777.  
  778.                 ul#aside-links li, li.twitter-content {
  779.                         list-style-type: none;
  780.                         margin: 0 auto;
  781.                         padding: 5px 0;
  782.                 }
  783.  
  784.                 ul#aside-tweets img {
  785.                         max-width: 200px;
  786.                         width: 100%;
  787.                 }
  788.  
  789.                 ul#followed-list li {
  790.                         list-style-type: none;
  791.                         display: inline;
  792.                 }
  793.  
  794.                 ul#followed-list span {
  795.                         display: none;
  796.                 }
  797.  
  798.                 li.like_post {
  799.                         display: inline-block;
  800.                         max-width: 230px;
  801.                         width: 100%;
  802.                         padding: 0 10px;
  803.                         vertical-align: top;
  804.                 }
  805.  
  806.                 ul#likes img {
  807.                         max-width: 180px;
  808.                         width: 100%;
  809.                 }
  810.  
  811.                 /* Pagination */
  812.  
  813.                 ul#site-pagination {
  814.                         margin: 0 20px;
  815.                         padding: 30px 0;
  816.                         text-transform: uppercase;
  817.                         list-style-type: none;
  818.                 }
  819.  
  820.                 ul#site-pagination li:before {
  821.                         content: ">";
  822.                         padding: 0 5px 0 0;
  823.                 }
  824.  
  825.                 ul#site-pagination li a:hover {
  826.                         background-color: {color:Accent 2};
  827.                 }
  828.  
  829.                 li#current-page a:hover{
  830.                         color: {color:Text};
  831.                         background-color: {color:Background} !important;
  832.                 }
  833.  
  834.                 /* Theme Credit - please don't remove! */
  835.  
  836.                 div#theme-credit {
  837.                         position: absolute;
  838.                         right: 0;
  839.                         bottom: 0;
  840.                         margin: 5px 5px 5px 0;
  841.                         background-image: url(http://static.tumblr.com/4dhjtvt/7f9n71l38/little-town-logo.png);
  842.                         background-repeat: no-repeat;
  843.                         background-position: center right;
  844.                         clear: both;
  845.                 }
  846.                
  847.                 @media (min-height: 100px) and (max-height: 639px)  {
  848.                
  849.                         div#theme-credit {
  850.                                 position: fixed;
  851.                         }
  852.                        
  853.                 }
  854.  
  855.                 div#theme-credit a {
  856.                         display: block;
  857.                         width: 16px;
  858.                         height: 16px;
  859.                         margin: 0 0 0 auto;
  860.                         border: 0;
  861.                         background: none;
  862.                 }
  863.  
  864.                 div#theme-credit span {
  865.                         display: none;
  866.                 }
  867.  
  868.                 {CustomCSS}
  869.         </style>       
  870. </head>
  871.  
  872. <body>
  873.  
  874. <div id="theme-wrap">
  875.  
  876.         <div id="terminal-top"></div>
  877.  
  878.         <div id="terminal-left"></div>
  879.  
  880.         <div id="terminal-screen">
  881.                 <div id="screen-wrap">
  882.                 <div id="scrollbar"><!-- colored scrollbar -->
  883.                 <header>
  884.                         <h1 id="site-title" class="accent-font">
  885.                                 <a href="{BlogURL}">
  886.                                         <span>{Title}</span>
  887.                                 </a>
  888.                         </h1>
  889.                         {block:Description}
  890.                                 <p class="accent-font" id="site-description">- {Description} -</p>
  891.                         {/block:Description}
  892.                         <nav>
  893.                                 <ul class="accent-font">
  894.                                         {block:HasPages}
  895.                                                 {block:Pages}
  896.                                                         <li><a href="{URL}">{Label}</a></li>
  897.                                                 {/block:Pages}
  898.                                         {/block:HasPages}
  899.                                         {block:AskEnabled}
  900.                                                 <li><a href="/ask">{AskLabel}</a></li>
  901.                                         {/block:AskEnabled}
  902.                                         {block:SubmissionsEnabled}
  903.                                                 <li><a href="/submit">{SubmitLabel}</a></li>
  904.                                         {/block:SubmissionsEnabled}
  905.                                         <li><a href="/archive">{lang:Archive}</a></li>
  906.                                         <li><a href="{RSS}">{lang:RSS}</a></li>
  907.                                         <li><form action="/search" method="get">
  908.                                                 <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}..." />
  909.                                                 </form>
  910.                                         </li>
  911.                                 </ul>
  912.                         </nav>
  913.                 </header>
  914.                        
  915.                 <main>
  916.                         {block:Posts}  
  917.                                 <!-- begin loop -->
  918.                                 <article class="{PostType} {block:Quote}quote-{Length}{/block:Quote}">
  919.                                         {block:Text}
  920.                                                 {block:Title}
  921.                                                         <h3 class="article-title accent-font"><a href="{Permalink}">{Title}</a></h3>
  922.                                                 {/block:Title}
  923.                                                         {Body}
  924.                                         {/block:Text}
  925.                                                
  926.                                         {block:Photo}
  927.                                                 {LinkOpenTag}
  928.                                                         <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  929.                                                 {LinkCloseTag}
  930.                                                 {block:Caption}
  931.                                                         <div class="post-caption">{Caption}</div>
  932.                                                 {/block:Caption}
  933.                                                 <div class="site-clear"></div>
  934.                                         {/block:Photo}
  935.                                        
  936.                                         {block:Panorama}
  937.                                                 {LinkOpenTag}
  938.                                                         <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  939.                                                 {LinkCloseTag}
  940.                                                 {block:Caption}
  941.                                                         <div class="post-caption">{Caption}</div>
  942.                                                 {/block:Caption}
  943.                                                 <div class="site-clear"></div>
  944.                                         {/block:Panorama}
  945.                                        
  946.                                         {block:Photoset}
  947.  
  948.                                                 <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  949.  
  950.                                                   {block:Photos}
  951.                                                         <div class="photo-data">
  952.                                                           <div class="pxu-photo">
  953.                                                                 <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  954.                                                           </div>
  955.                                                           <div class="icons">
  956.                                                                 <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  957.                                                                   <span class="zoom">Zoom</span>
  958.                                                                 </a>
  959.                                                                 <span class="info">Info</span>
  960.                                                           </div>
  961.                                                         </div>
  962.                                                   {/block:Photos}
  963.  
  964.                                                 </div><!-- close SLIDESHOW -->
  965.  
  966.                                                 {block:Caption}
  967.                                 <div class="post-caption">{Caption}</div>
  968.                             {/block:Caption}
  969.                                                 <div class="site-clear"></div>
  970.  
  971.                                         {/block:Photoset}
  972.                                        
  973.                                         {block:Quote}
  974.                                                 <blockquote>
  975.                                                         "{Quote}"
  976.                                                 </blockquote>  
  977.                                                 {block:Source}
  978.                                                     <div class="quote-source">> {Source}</div>
  979.                             {/block:Source}
  980.                         {/block:Quote}
  981.                                        
  982.                                         {block:Link}
  983.                                                 <h3 class="article-title accent-font">
  984.                                                         <a href="{URL}">{Name} ></a>
  985.                                                 </h3>
  986.                                                 {block:Description}
  987.                                                         {Description}
  988.                                                 {/block:Description}
  989.                         {/block:Link}
  990.                
  991.                                         {block:Chat}
  992.                                                 {block:Title}
  993.                                                         <h3 class="article-title accent-font"><a href="{Permalink}">{Title}</a></h3>
  994.                                                 {/block:Title}
  995.                                                 <ul>
  996.                                                         {block:Lines}
  997.                                                                 <li class="{Alt}">
  998.                                                                         {block:Label}<strong class="chat-label">{Label}</strong>{/block:Label}
  999.                                                                         {Line}
  1000.                                                                 </li>
  1001.                                                         {/block:Lines}
  1002.                                                 </ul>
  1003.                                         {/block:Chat}
  1004.                                        
  1005.                                         {block:Audio}
  1006.                                                 <div class="audio-wrapper">
  1007.                                                         {block:AlbumArt}
  1008.                                                                 <img class="audio-album-art" src="{AlbumArtURL}" />
  1009.                                                         {/block:AlbumArt}
  1010.                                                         {block:AudioEmbed}
  1011.                                                                 <div class="audio-embed">
  1012.                                                                         {AudioEmbed-500}
  1013.                                                                 </div>
  1014.                                                         {/block:AudioEmbed}
  1015.                                                         {block:AudioPlayer}
  1016.                                                                 <div class="audio-player">
  1017.                                                                         {AudioPlayerBlack}
  1018.                                                                 </div>
  1019.                                                         {/block:AudioPlayer}
  1020.                                                         {block:ExternalAudio}
  1021.                                                                 <p class="audio-external accent-font"><a href="{ExternalAudioURL}">{text:Download Label}</a></p>
  1022.                                                         {/block:ExternalAudio}
  1023.                                                 </div>
  1024.                                                 <div class="post-caption">
  1025.                                                         <strong class="track-title">
  1026.                                                                 <a href="{Permalink}">
  1027.                                                                 {block:TrackName}
  1028.                                                                         "{TrackName}"
  1029.                                                                 {/block:TrackName}
  1030.                                                                 {block:Artist}
  1031.                                                                         by {Artist}
  1032.                                                                 {/block:Artist}
  1033.                                                                 </a>
  1034.                                                         </strong>
  1035.                                                         {block:Caption}
  1036.                                                                 {Caption}
  1037.                                                         {/block:Caption}
  1038.                                                 </div>
  1039.                                                 <div class="site-clear"></div>
  1040.                                         {/block:Audio}
  1041.                                        
  1042.                                         {block:Video}
  1043.                                                 <div class="video-player">
  1044.                                                         {Video-500}
  1045.                                                 </div>
  1046.                                                 {block:Caption}
  1047.                                                         <div class="post-caption">{Caption}</div>
  1048.                                                 {/block:Caption}
  1049.                                                 <div class="site-clear"></div>
  1050.                                         {/block:Video}
  1051.                                        
  1052.                                         {block:Answer}
  1053.                                                 <h3 class="article-title accent-font"><a href="{Permalink}">{Question}</a></h3>
  1054.                                                 <div class="ask-user accent-font">
  1055.                                                         {text:Asked By Label} <a href="http://{PlaintextAsker}.tumblr.com/"><img src="{AskerPortraitURL-16}"/> {PlaintextAsker}</a>
  1056.                                                 </div>
  1057.                                                 {block:Answerer}
  1058.                                                 <blockquote>
  1059.                                                         {Answer}
  1060.                                                 </blockquote>
  1061.                                                 <div class="answerer-user accent-font">
  1062.                                                         {text:Answered By Label} <a href="http://{PlaintextAnswerer}.tumblr.com/"><img src="{AnswererPortraitURL-16}"/> {PlaintextAnswerer}</a>
  1063.                                                 </div>
  1064.                                                 {/block:Answerer}
  1065.                                                 {Replies}
  1066.                                         {/block:Answer}
  1067.                                 </article>             
  1068.                                 {block:IndexPage}
  1069.                                         <footer class="article-footer accent-font">
  1070.                                                 <ul class="article-footer-notes">
  1071.                                                         {block:Date}
  1072.                                                                 <li class="article-date">{TimeAgo}</li>
  1073.                                                         {/block:Date}
  1074.                                                         {block:ContentSource}
  1075.                                                                 <li>{lang:Source}: <a href="{SourceURL}" title="{lang:Source}: {SourceTitle}">{SourceTitle}</a>
  1076.                                                                 </li>
  1077.                                                         {/block:ContentSource}
  1078.                                                         {block:RebloggedFrom}
  1079.                                                                 <li>{lang:Reblogged from ReblogParentName 2}
  1080.                                                                 </li>
  1081.                                                         {/block:RebloggedFrom}
  1082.                                                                 <li><a href="{Permalink}#notes">{NoteCountWithLabel}</a></li>
  1083.                                                         {block:IfDisqusShortname}
  1084.                                                                 <li><a href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
  1085.                                                         {/block:IfDisqusShortname}
  1086.                                                 </ul>
  1087.                                         </footer>
  1088.                                 {/block:IndexPage}
  1089.                                 <div class="site-clear"><hr /></div>
  1090.                                 <!-- end loop -->
  1091.                                
  1092.                                 {block:PermalinkPage}
  1093.                                         {block:HasTags}
  1094.                                         <h3 id="tags-title">Tags:</h3>
  1095.                                         <ul class="accent-font" id="article-tags">
  1096.                                         {block:Tags}
  1097.                                                 <li><a href="{TagURL}">{Tag}</a></li>
  1098.                                         {/block:Tags}  
  1099.                                         </ul>
  1100.                                         {/block:HasTags}
  1101.                                 {/block:PermalinkPage}
  1102.                                
  1103.                                 {block:IfDisqusShortname}
  1104.                                         <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}
  1105.                                         <div id="disqus_thread"></div>
  1106.                                         <script type="text/javascript">
  1107.                                                 (function() {
  1108.                                                 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1109.                                                 dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1110.                                                 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1111.                                                 })();
  1112.                                         </script>
  1113.                                         <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1114.                                         {lang:Blog comments powered by Disqus 2}
  1115.                                         {/block:Permalink}
  1116.                                         <script type="text/javascript">
  1117.                                                 var disqus_shortname = '{text:Disqus Shortname}';
  1118.                                                 (function () {
  1119.                                                 var s = document.createElement('script'); s.async = true;
  1120.                                                 s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
  1121.                                                 (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1122.                                                 }());
  1123.                                         </script>
  1124.                                 {/block:IfDisqusShortname}
  1125.                                
  1126.                                 {block:PostNotes}
  1127.                                                 {PostNotes-16}
  1128.                                 {/block:PostNotes}
  1129.                                
  1130.                         {/block:Posts}
  1131.  
  1132.                         {block:Pagination}
  1133.                                 <ul id="site-pagination" class="accent-font">
  1134.                                 {block:PreviousPage}
  1135.                                         <li id="previous-page">
  1136.                                                 <a href="{PreviousPage}">{lang:Newer entries}</a>
  1137.                                         </li>
  1138.                                 {/block:PreviousPage}
  1139.  
  1140.                                 {block:NextPage}
  1141.                                         <li id="next-page">
  1142.                                                 <a href="{NextPage}">{lang:Older entries}</a>
  1143.                                         </li>
  1144.                                 {/block:NextPage}
  1145.                                 </ul>
  1146.                         {/block:Pagination}
  1147.                         <div class="site-clear"></div>
  1148.                        
  1149.                         <aside>
  1150.                                 {block:IfShowAboutMeText}
  1151.                                         <div class="aside-content">
  1152.                                                 <h4 class="accent-font">{text:About Me Label}</h4>
  1153.                                                 {block:IfShowAvatar}
  1154.                                                         <img id="aside-portrait" src="{PortraitURL-128}" />
  1155.                                                 {/block:IfShowAvatar}
  1156.                                                 {text:About Me Text}
  1157.                                         </div>
  1158.                                 {/block:IfShowAboutMeText}
  1159.  
  1160.                                 {block:IfShowLinks}
  1161.                                         <div class="aside-content">
  1162.                                                 <h4 class="accent-font">{text:Links Label}</h4>
  1163.                                                 <ul id="aside-links">
  1164.                                                         {block:IfLink1Label}
  1165.                                                                 <li><a href="{text:Link 1 URL}">{text:Link 1 Label}</a></li>
  1166.                                                         {/block:IfLink1Label}
  1167.                                                         {block:IfLink2Label}
  1168.                                                                 <li><a href="{text:Link 2 URL}">{text:Link 2 Label}</a></li>
  1169.                                                         {/block:IfLink2Label}
  1170.                                                         {block:IfLink3Label}
  1171.                                                                 <li><a href="{text:Link 3 URL}">{text:Link 3 Label}</a></li>
  1172.                                                         {/block:IfLink3Label}
  1173.                                                         {block:IfLink4Label}
  1174.                                                                 <li><a href="{text:Link 4 URL}">{text:Link 4 Label}</a></li>
  1175.                                                         {/block:IfLink4Label}
  1176.                                                         {block:IfLink5Label}
  1177.                                                                 <li><a href="{text:Link 5 URL}">{text:Link 5 Label}</a></li>
  1178.                                                         {/block:IfLink5Label}
  1179.                                                 </ul>
  1180.                                         </div>
  1181.                                 {/block:IfShowLinks}
  1182.                                
  1183.                                 {block:IfShowTwitterFeed}
  1184.                                 {block:Twitter}
  1185.                                         <div class="aside-content">
  1186.                                                 <h4 class="accent-font">{text:Twitter Feed Label}</h4>
  1187.                                                 <ul id="aside-tweets"></ul>
  1188.                                                         <script type="text/javascript">
  1189.                                                         function recent_tweets(data) {
  1190.                                                                 for (i=0; i<3; i++) {
  1191.                                                                         document.getElementById("aside-tweets").innerHTML =
  1192.                                                                         document.getElementById("aside-tweets").innerHTML +
  1193.                                                                         '<li class="twitter-content">' + data[i].text + ' ' +
  1194.                                                                         '<a href="http://twitter.com/{TwitterUsername}/status/' +
  1195.                                                                         (data[i].id_str ? data[i].id_str : data[i].id)  +
  1196.                                                                         '">' + '>></a></li>';
  1197.                                                                 }
  1198.                                                                 document.getElementById("twitter").style.display = 'block';
  1199.                                                         }
  1200.                                                         </script>
  1201.                                                 {lang:Follow me} @<a href="http://twitter.com/{TwitterUsername}">{TwitterUsername}</a>
  1202.                                         </div>
  1203.                                 {/block:Twitter}
  1204.                                 {/block:IfShowTwitterFeed}
  1205.  
  1206.                                 <div class="site-clear"></div> 
  1207.                                
  1208.                                 {block:IfShowLikes}
  1209.                                 {block:Likes}          
  1210.                                         <div class="aside-content">
  1211.                                                 <h4 class="accent-font">{text:Likes Label}</h4>
  1212.                                                 {Likes limit="4" summarize="100"}
  1213.                                                 <a href="http://www.tumblr.com/liked/by/{Name}">{lang:More liked posts} ></a>
  1214.                                         </div>
  1215.                                 {/block:Likes}
  1216.                                 {/block:IfShowLikes}
  1217.  
  1218.                                 {block:IfShowFollowedBlogs}
  1219.                                 {block:Following}              
  1220.                                         <div class="aside-content">
  1221.                                                 <h4 class="accent-font">{text:Followed Blogs Label}</h4>
  1222.                                                 <ul id="followed-list">
  1223.                                                         {block:Followed}
  1224.                                                                 <li>
  1225.                                                                         <a href="{FollowedURL}">
  1226.                                                                                 <img src="{FollowedPortraitURL-48}" />
  1227.                                                                                 <span class="followed-name">{FollowedName}</span>
  1228.                                                                         </a>
  1229.                                                                 </li>
  1230.                                                         {/block:Followed}
  1231.                                                 </ul>
  1232.                                         </div>
  1233.                                 {/block:Following}
  1234.                                 {/block:IfShowFollowedBlogs}
  1235.  
  1236.                         </aside>
  1237.                 </main>
  1238.                 </div><!-- scrollbar -->
  1239.                 </div><!-- screen-wrap -->
  1240.         </div><!-- terminal screen -->
  1241.  
  1242.         <div id="terminal-right"></div>
  1243.  
  1244.         <div class="site-clear"></div>
  1245.  
  1246.         <div id="terminal-power">
  1247.                 <div id="terminal-power-1"></div>
  1248.                 <div id="terminal-power-2"><a href="{text:Power Button URL}"><span></span></a></div>
  1249.                 <div id="terminal-power-3"></div>
  1250.         </div>
  1251.  
  1252.         <div id="terminal-bottom"></div>
  1253.        
  1254.         <script src="http://static.tumblr.com/4dhjtvt/Pq3n1hjxj/jquery.fitvids.js" type="text/javascript"></script>
  1255.         <script type="text/javascript" src="http://static.tumblr.com/4dhjtvt/f2Gn688sn/pxuphotoset.min.js"></script>
  1256.         <script type="text/javascript">
  1257.                 $(document).ready(function(){
  1258.                         $(".video-player").fitVids();
  1259.                         $(".audio-embed").fitVids({ customSelector: "iframe[src^='http://embed.spotify.com']"});
  1260.                 });
  1261.                 $(document).ready(function() {
  1262.                         $('.photo-slideshow').pxuPhotoset({
  1263.                                         'ligthbox'  : true, // uses the default Tumblr lightbox, change to false to use your own
  1264.                                         'highRes'   : false, // will use high res images
  1265.                                         'rounded'   : false, // corners, all or false
  1266.                                         'exif'      : false, // display EXIF data if available (tooltip)
  1267.                                         'captions'  : false, // display individual captions on photos (tooltip)
  1268.                         }, function() {
  1269.                                 // callback
  1270.                         });
  1271.                 });
  1272.         </script>
  1273.  
  1274.         {block:IfGoogleAnalyticsID}
  1275.                 <script>
  1276.                         var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1277.                         (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1278.                         g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1279.                         s.parentNode.insertBefore(g,s)}(document,'script'));
  1280.                 </script>
  1281.         {/block:IfGoogleAnalyticsID}
  1282.  
  1283.         {block:Twitter}
  1284.                 <script type="text/javascript" src="/tweets.js"></script>
  1285.         {/block:Twitter}
  1286.        
  1287.         <div id="theme-credit"><a rel="nofollow" href="http://themes.little-town.net/" title="Theme by Little Town"><span>Theme by Little Town</span></a></div>
  1288.  
  1289. </div><!-- theme-wrap -->      
  1290. </body>
  1291. </html>
RAW Paste Data
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
 
Top