API tools faq
paste
Advertisement
littletownthemes

RobCo Terminal Theme for Tumblr v1.0

littletownthemes
Jun 12th, 2014
3,155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 33.48 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!