API tools faq
paste
Advertisement
ASmellyOgre

LCARS Tumblr Theme Version 2013-05-18

ASmellyOgre
May 18th, 2013
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 41.32 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <!--
  3.    ASmellyOgre's LCARS Theme Version 2013-05-18
  4.    Send bugs to asmellyogre.tumblr.com
  5.    -->
  6.     <head>
  7.         <meta name="description" content="{MetaDescription}" />
  8.         <meta name="font:Global" content="Helvetica, Arial, sans-serif" />
  9.         <meta name="color:Elbos" content="#f1df6f" />
  10.         <meta name="color:Posts" content="#999999" />
  11.         <meta name="color:Control" content="#ff9900" />
  12.         <meta name="color:Highlight" content="#ffcc00" />
  13.         <meta name="color:Primary" content="#99ccff" />
  14.         <meta name="color:Secondary" content="#ffff33" />
  15.         <meta name="color:Tertiary" content="#ffffcc" />
  16.         <meta name="if:Facebook Sharing" content="0" />
  17.         <meta name="if:Show Latest Tweets" content="0" />
  18.         <meta name="if:Copyright Symbol" content="1" />
  19.         <meta name="if:Display Audio Information" content="1" />
  20.         <meta name="text:Facebook Username" content="" />
  21.         <link rel="shortcut icon" href="{Favicon}" />
  22.         <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}{block:PostSummary}: {PostSummary}{/block:PostSummary}{block:SearchPage}: {lang:SearchResultCount results for SearchQuery}{/block:SearchPage}</title>
  23.         <style>
  24.             body {
  25.                 position: relative;
  26.                 background-color: #000000;
  27.                 color: #000000;
  28.                 margin: 1px;
  29.                 font-family: {font:Global};
  30.                 font-stretch: condensed;
  31.                 max-width: 100%;
  32.             }
  33.            
  34.             h1 {
  35.                 color: {color:Highlight};
  36.             }
  37.            
  38.             a {
  39.                 color: #000000;
  40.                 text-decoration: none;
  41.             }
  42.            
  43.             blockquote {
  44.                 border-color: #999999;
  45.                 border-width: 2px;
  46.                 border-left-style: solid;
  47.                 padding: 2px;
  48.             }
  49.            
  50.             img, embed, object, video {
  51.                 max-width: 100%;
  52.             }
  53.            
  54.             .audio_player embed {
  55.                 width: 100% !important;
  56.             }
  57.            
  58.             ::-webkit-scrollbar {
  59.                 width: 12px;
  60.                 height: 12px;
  61.                 background-color: #000000;
  62.             }
  63.            
  64.             ::-webkit-scrollbar-corner {
  65.                 background-color: #000000;
  66.             }
  67.            
  68.             ::-webkit-scrollbar-button:vertical:start:decrement {
  69.                 display: block;
  70.                 background-color: {color:Control};
  71.                 border-top-left-radius: 6px;
  72.                 border-top-right-radius: 6px;
  73.                 background-image: url(http://static.tumblr.com/k8pho2j/Racmk1l2u/up_arrow.png);
  74.                 background-repeat: no-repeat;
  75.                 background-position: center;
  76.             }
  77.            
  78.             ::-webkit-scrollbar-button:vertical:end:increment {
  79.                 display: block;
  80.                 background-color: {color:Control};
  81.                 border-bottom-left-radius: 6px;
  82.                 border-bottom-right-radius: 6px;
  83.                 background-image: url(http://static.tumblr.com/k8pho2j/7sFmk1l1v/down_arrow.png);
  84.                 background-repeat: no-repeat;
  85.                 background-position: center;
  86.             }
  87.            
  88.             ::-webkit-scrollbar-button:horizontal:start:decrement {
  89.                 display: block;
  90.                 background-color: {color:Control};
  91.                 border-top-left-radius: 6px;
  92.                 border-bottom-left-radius: 6px;
  93.                 background-image: url(http://static.tumblr.com/k8pho2j/yRHmk2s3d/left_arrow.png);
  94.                 background-repeat: no-repeat;
  95.                 background-position: center;
  96.             }
  97.            
  98.             ::-webkit-scrollbar-button:horizontal:end:increment {
  99.                 display: block;
  100.                 background-color: {color:Control};
  101.                 border-top-right-radius: 6px;
  102.                 border-bottom-right-radius: 6px;
  103.                 background-image: url(http://static.tumblr.com/k8pho2j/5ZNmk2s5d/right_arrow.png);
  104.                 background-repeat: no-repeat;
  105.                 background-position: center;
  106.             }
  107.            
  108.             ::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement {
  109.                 display: none;
  110.             }
  111.            
  112.             ::-webkit-scrollbar-track {
  113.                 background-color: #000000;
  114.             }
  115.            
  116.             ::-webkit-scrollbar-thumb {
  117.                 background-color: {color:Control};
  118.                 border-color: #000000;
  119.                 border-thickness: 3px;
  120.             }
  121.            
  122.             ::-webkit-scrollbar-thumb:vertical {
  123.                 border-top-style: solid;
  124.                 border-bottom-style: solid;
  125.             }
  126.            
  127.             ::-webkit-scrollbar-thumb:horizontal {
  128.                 border-left-style: solid;
  129.                 border-right-style: solid;
  130.             }
  131.            
  132.             ::-webkit-input-placeholder {
  133.                 color: #999999;
  134.             }
  135.            
  136.             ::-moz-placeholder {
  137.                 color: #999999;
  138.             }
  139.            
  140.             :-ms-input-placeholder {
  141.                 color: #999999;
  142.             }
  143.            
  144.             .elbo {
  145.                 background-color: {color:Elbos};
  146.                 margin-left: 10px;
  147.                 text-align: right;
  148.                 min-width: 600px;
  149.                 overflow: hidden;
  150.             }
  151.            
  152.             .topElbo {
  153.                 border-bottom-left-radius: 30px;
  154.                 margin-bottom: 10px;
  155.             }
  156.            
  157.             .bottomElbo {
  158.                 border-top-left-radius: 30px;
  159.             }
  160.            
  161.             .contentHolder {
  162.                 text-align: right;
  163.                 max-width: 100%;
  164.                 padding: 0px;
  165.                 margin: 0px;
  166.                 font-size: 0px;
  167.                 background-color: #000000;
  168.                 position: relative;
  169.                 left: 20%;
  170.             }
  171.            
  172.             .post .contentHolder {
  173.                 left: 15%;
  174.             }
  175.            
  176.             .sidebar {
  177.                 display: inline-block;
  178.                 vertical-align: top;
  179.                 -moz-box-sizing: border-box;
  180.                 box-sizing: border-box;
  181.                 width: 20%;
  182.                 color: #000000;
  183.                 font-weight: bold;
  184.                 font-size: medium;
  185.                 position: relative;
  186.                 left: -20%;
  187.             }
  188.            
  189.             .sidebar > a {
  190.                 color: #000000;
  191.             }
  192.            
  193.             .post .sidebar {
  194.                 width: 15%;
  195.                 left: -15%;
  196.             }
  197.            
  198.             .sidebox {
  199.                 padding: 2px;
  200.                 border-color: #000000;
  201.                 border-width: 3px;
  202.                 border-bottom-style: solid;
  203.                 text-align: right;
  204.             }
  205.            
  206.             .sideboxSpacer {
  207.                 min-height: 50px;
  208.                 padding: 5px;
  209.             }
  210.            
  211.             .sidebox:first-of-type {
  212.                 border-top-style: solid;
  213.                 margin-top: 30px;
  214.             }
  215.            
  216.             .sidebox:active {
  217.                 background-color: #ffffff;
  218.             }
  219.            
  220.             .tweet {
  221.                 border-top-style: none !important;
  222.                 margin-top: 0px !important;
  223.                 font-weight: normal !important;
  224.                 text-align: left !important;
  225.             }
  226.            
  227.             .search {
  228.                 border-style: none;
  229.                 border-radius: 10px;
  230.                 -moz-box-sizing: border-box;
  231.                 box-sizing: border-box;
  232.                 padding: 3px;
  233.                 margin: 10%;
  234.                 width: 80%;
  235.                 text-align: left;
  236.                 background-color: #000000;
  237.                 color: #ffffff;
  238.             }
  239.            
  240.             .primary {
  241.                 background-color: {color:Primary};
  242.             }
  243.            
  244.             .secondary {
  245.                 background-color: {color:Secondary};
  246.             }
  247.            
  248.             .tertiary {
  249.                 background-color: {color:Tertiary};
  250.             }
  251.            
  252.             .control {
  253.                 background-color: {color:Control};
  254.             }
  255.            
  256.             .rightContent {
  257.                 color: #ffffff;
  258.                 padding: 10px;
  259.                 display: inline-block;
  260.                 -moz-box-sizing: border-box;
  261.                 box-sizing: border-box;
  262.                 width: 80%;
  263.                 font-size: medium;
  264.                 position: relative;
  265.                 left: -20%;
  266.             }
  267.            
  268.             .bottomElboInside > .rightContent {
  269.                 padding-right: 0px;
  270.             }
  271.            
  272.             .post .rightContent {
  273.                 width: 85%;
  274.                 left: -15%;
  275.             }
  276.            
  277.             .topElboInside {
  278.                 border-bottom-left-radius: 10px;
  279.             }
  280.            
  281.             .bottomElboInside {
  282.                 border-top-left-radius: 10px;
  283.             }
  284.            
  285.             .textInside {
  286.                 border-top-left-radius: 10px;
  287.                 border-bottom-left-radius: 10px;
  288.             }
  289.            
  290.             .chaffBox {
  291.                 height: 25px;
  292.                 background-color: #000000;
  293.                 width: 406px;
  294.                 margin-left: calc(90% - 406px);
  295.                 margin-left: -webkit-calc(90% - 406px);
  296.                 text-align: right;
  297.             }
  298.            
  299.             .chaff {
  300.                 display: inline-block;
  301.                 -moz-box-sizing: border-box;
  302.                 box-sizing: border-box;
  303.                 height: 100%;
  304.                 margin-right: 3px;
  305.                 padding: 2px;
  306.             }
  307.            
  308.             .chaff:first-of-type {
  309.                 margin-left: 3px;
  310.             }
  311.            
  312.             .chaff:active {
  313.                 background-color: #ffffff;
  314.             }
  315.            
  316.             .large {
  317.                 width: 100px;
  318.             }
  319.            
  320.             .medium {
  321.                 width: 50px;
  322.             }
  323.            
  324.             .small {
  325.                 width: 35px;
  326.             }
  327.            
  328.             .top {
  329.                 height: 50% !important;
  330.                 width: 50px;
  331.                 vertical-align: bottom;
  332.             }
  333.            
  334.             .bottom {
  335.                 height: 50% !important;
  336.                 width: 50px;
  337.                 vertical-align: top;
  338.             }
  339.            
  340.             .leftBox {
  341.                 display: inline-block;
  342.                 width: 40%;
  343.                 vertical-align: top;
  344.                 text-align: left;
  345.             }
  346.            
  347.             .blogBox {
  348.                 max-height: 200px;
  349.                 overflow-y: scroll;
  350.                 -moz-box-sizing: border-box;
  351.                 box-sizing: border-box;
  352.                 padding: 2px;
  353.             }
  354.            
  355.             .blogBox li {
  356.                 list-style: none;
  357.                 display: inline-block;
  358.             }
  359.            
  360.             .blogBox li img {
  361.                 margin: 10px;
  362.             }
  363.            
  364.             .header {
  365.                 display: inline-block;
  366.                 text-align: right;
  367.                 -moz-box-sizing: border-box;
  368.                 box-sizing: border-box;
  369.                 padding: 2px;
  370.                 {block:Following}
  371.                 width: 60%;
  372.                 {/block:Following}
  373.                 {block:GroupMembers}
  374.                 width: 60%;
  375.                 {/block:GroupMembers}
  376.             }
  377.            
  378.             .header a {
  379.                 color: {color:Highlight};
  380.             }
  381.            
  382.             .header h1 {
  383.                 font-size: 200%;
  384.                 text-transform: uppercase;
  385.             }
  386.            
  387.             .header img {
  388.                 margin: 10px;
  389.                 float: right;
  390.             }
  391.            
  392.             .post {
  393.                 background-color: {color:Posts};
  394.                 border-top-left-radius: 20px;
  395.                 border-bottom-left-radius: 20px;
  396.                 margin-bottom: 100px;
  397.                 text-align: right;
  398.                 overflow: hidden;
  399.             }
  400.            
  401.             .postHeader {
  402.                 width: 85%;
  403.                 margin-left: 15%;
  404.                 overflow: hidden;
  405.             }
  406.            
  407.             .postHeader > div {
  408.                 overflow: hidden;
  409.                 white-space: nowrap;
  410.                 text-overflow: ellipsis;
  411.                 max-width: 45%;
  412.             }
  413.            
  414.             .postTitle {
  415.                 float: left;
  416.                 background-color: #000000;
  417.                 color: #ffffff;
  418.                 margin-left: 15px;
  419.                 padding: 2px;
  420.             }
  421.            
  422.             .postTitle:first-letter {
  423.                 text-transform: uppercase;
  424.             }
  425.            
  426.             .postTime {
  427.                 float: right;
  428.                 background-color: {color:Control};
  429.                 color: #000000;
  430.                 -moz-box-sizing: border-box;
  431.                 box-sizing: border-box;
  432.                 border-color: #000000;
  433.                 border-width: 3px;
  434.                 border-left-style: solid;
  435.                 border-right-style: solid;
  436.                 margin-right: 15px;
  437.                 padding: 2px;
  438.             }
  439.            
  440.             .postTime:active {
  441.                 background-color: #ffffff;
  442.             }
  443.            
  444.             .content {
  445.                 text-align: left;
  446.                 padding: 5px;
  447.                 color: #ffffff;
  448.             }
  449.            
  450.             .content a {
  451.                 color: #ffffff;
  452.                 text-decoration: underline;
  453.             }
  454.            
  455.             .content a strong {
  456.                 text-decoration: underline;
  457.             }
  458.            
  459.             .content a:visited, .content strong a {
  460.                 color: {color:Highlight};
  461.             }
  462.            
  463.             .chatBox {
  464.                 list-style: none;
  465.                 width: 100%;
  466.                 border-color: #999999;
  467.                 border-width: 1px;
  468.                 border-left-style: solid;
  469.                 border-right-style: solid;
  470.                 border-bottom-style: solid;
  471.                 padding: 2px;
  472.             }
  473.            
  474.             .chatBox:nth-of-type(1) {
  475.                 border-top-style: solid;
  476.             }
  477.            
  478.             .audioLeft {
  479.                 display: inline-block;
  480.                 padding: 5px;
  481.                 border-radius: 10px;
  482.                 background-color: {color:Primary};
  483.                 color: #000000;
  484.                 overflow: auto;
  485.                 font-weight: bold;
  486.             }
  487.            
  488.             .audioLeft li {
  489.                 list-style: none;
  490.             }
  491.            
  492.             .audioLeft img {
  493.                 float: left;
  494.                 margin: 2px;
  495.                 max-width: 100px;
  496.                 max-height: 100px;
  497.             }
  498.            
  499.             .audioRight {
  500.                 display: inline-block;
  501.             }
  502.            
  503.             .bottomBar {
  504.                 width: 85%;
  505.                 margin-left: 15%;
  506.                 color: #000000;
  507.                 font-size: 0px;
  508.             }
  509.            
  510.             .bottomBar > .button {
  511.                 height: 24px;
  512.             }
  513.            
  514.             .buttonBody {
  515.                 display: inline-block;
  516.                 max-width: 50%;
  517.                 margin-left: 5px;
  518.                 margin-bottom: 5px;
  519.                 text-align: left;
  520.                 border-top-right-radius: 10px;
  521.                 border-bottom-right-radius: 10px;
  522.                 background-color: {color:Posts};
  523.             }
  524.            
  525.             .button {
  526.                 display: inline-block;
  527.                 margin-right: 15px;
  528.                 vertical-align: top;
  529.                 padding: 2px;
  530.                 border-color: #000000;
  531.                 border-width: 3px;
  532.                 border-left-style: solid;
  533.                 border-right-style: solid;
  534.                 -moz-box-sizing: border-box;
  535.                 box-sizing: border-box;
  536.                 background-color: {color:Control};
  537.                 font-size: medium;
  538.             }
  539.            
  540.             .button:nth-of-type(1) {
  541.                 margin-left: 10px;
  542.             }
  543.            
  544.             .button:active {
  545.                 background-color: #ffffff;
  546.             }
  547.            
  548.             .button a{
  549.                 color: #000000;
  550.                 text-decoration: none;
  551.             }
  552.            
  553.             .button a:visited{
  554.                 color: #000000;
  555.                 text-decoration: none;
  556.             }
  557.            
  558.             .noteContainer {
  559.                 text-align: left;
  560.             }
  561.            
  562.             .noteContainer li {
  563.                 list-style: none;
  564.                 display: block;
  565.                 margin-bottom: 10px;
  566.                 border-radius: 10px;
  567.                 background-color: {color:Primary};
  568.                 color: #000000;
  569.                 font-weight: bold;
  570.                 padding: 5px;
  571.             }
  572.            
  573.             .noteContainer li:nth-of-type(even) {
  574.                 background-color: {color:Secondary};
  575.             }
  576.            
  577.             .noteContainer li img {
  578.                 border-color: #000000;
  579.                 border-width: 1px;
  580.                 border-style: solid;
  581.             }
  582.            
  583.             .paginationBar {
  584.                 background-color: {color:Posts};
  585.                 color: #000000;
  586.                 font-size: 0px;
  587.                 border-radius: 10px;
  588.                 width: 100%;
  589.             }
  590.            
  591.             .paginationButton {
  592.                 display: inline-block;
  593.                 font-size: medium;
  594.                 border-color: #000000;
  595.                 border-width: 3px;
  596.                 border-right-style: solid;
  597.                 padding: 2px;
  598.             }
  599.            
  600.             .paginationButton:nth-of-type(1) {
  601.                 border-left-style: solid;
  602.             }
  603.            
  604.             {block:PreviousPage}
  605.             .paginationButton:nth-of-type(1) {
  606.                 border-left-style: solid;
  607.                 float: left;
  608.                 margin-left: 15px;
  609.             }
  610.            
  611.             .paginationButton:nth-of-type(2) {
  612.                 border-left-style: solid;
  613.             }
  614.             {/block:PreviousPage}
  615.            
  616.             .paginationButton:last-of-type {
  617.                 margin-right: 15px;
  618.             }
  619.            
  620.             .paginationButton:active {
  621.                 background-color: #ffffff;
  622.             }
  623.            
  624.             .swoopSpacer {
  625.                 height: 50px;
  626.             }
  627.            
  628.             .swoopBox {
  629.                 position: absolute;
  630.                 background-color: #000000;
  631.                 width: calc(((100% - 10px) / 5) + 10px);
  632.                 width: -webkit-calc(((100% - 10px) / 5) + 10px);
  633.                 min-width: calc((600px / 5) + 10px);
  634.                 min-width: -webkit-calc((600px / 5) + 10px);
  635.                 height: 50px;
  636.                 left: 0px;
  637.                 bottom: 0px;
  638.             }
  639.            
  640.             .swoop {
  641.                 width: 100%;
  642.                 height: 40px;
  643.                 background-color: {color:Elbos};
  644.                 border-bottom-right-radius: 30px;
  645.             }
  646.            
  647.             .swoopOut {
  648.                 position: relative;
  649.                 left: 0px;
  650.                 top: 0px;
  651.                 width: 10px;
  652.                 height: 10px;
  653.                 background-color: #000000;
  654.                 border-bottom-right-radius: 10px;
  655.             }
  656.            
  657.             #showTweets {
  658.                 cursor: pointer;
  659.             }
  660.            
  661.             #twitter {
  662.                 overflow: hidden;
  663.                 -webkit-transition: 1s;
  664.                 transition: 1s;
  665.             }
  666.            
  667.             {CustomCSS}
  668.         </style>
  669.     </head>
  670.     <body>
  671.     <!--Facebook Stuff-->
  672.     {block:IfFacebookSharing}
  673.     <div id="fb-root"></div>
  674.     <script>(function(d, s, id) {
  675.         var js, fjs = d.getElementsByTagName(s)[0];
  676.         if (d.getElementById(id)) return;
  677.         js = d.createElement(s); js.id = id;
  678.         js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  679.         fjs.parentNode.insertBefore(js, fjs);
  680.     }(document, 'script', 'facebook-jssdk'));</script>
  681.     {/block:IfFacebookSharing}
  682. <!--
  683. BEGIN TOP ELBO
  684. -->
  685.         <div class="elbo topElbo">
  686.             <div class="contentHolder topElboInside">
  687.                 <div class="sidebar">
  688.                     <div class="sidebox primary">
  689.                         <a href="/">LCARS ACCESS</a>
  690.                     </div>
  691.                     <div class="sidebox sideboxSpacer tertiary"> </div>
  692.                     <div class="sidebox secondary">
  693.                         {CopyrightYears}{block:IfCopyrightSymbol} &copy;{/block:IfCopyrightSymbol}
  694.                     </div>
  695.                 </div><!--
  696.                --><div class="rightContent">
  697.                     {block:Following}
  698.                     <div class="leftBox">
  699.                         {lang:Following}:
  700.                         <div class="blogBox">
  701.                             <ul>
  702.                                 {block:Followed}<li><a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" title="{FollowedTitle}"/></a>{/block:Followed}
  703.                             </ul>
  704.                         </div>
  705.                     </div><!--
  706.                    --><div class="header">
  707.                         <a href="/"><img src="{PortraitURL-128}" title="{Title}"></a>
  708.                         <h1><a href="/">{Title}</a></h1>
  709.                         <p>{Description}</p>
  710.                     </div><!--
  711.                --></div>{/block:Following}
  712.                     {block:GroupMembers}
  713.                     <div class="leftBox">
  714.                         {lang:Group members}:
  715.                         <div class="blogBox">
  716.                             <ul>
  717.                                 {block:GroupMember}<li><a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-48}" title="{GroupMemberTitle}"/></a>{/block:GroupMember}
  718.                             </ul>
  719.                         </div>
  720.                     </div><!--
  721.                    --><div class="header">
  722.                         <a href="/"><img src="{PortraitURL-128}" title="{Title}"></a>
  723.                         <h1><a href="/">{Title}</a></h1>
  724.                         <p>{Description}</p>
  725.                     </div><!--
  726.                --></div>{/block:GroupMembers}
  727.             </div>
  728.             <div class="chaffBox">
  729.                 <div class="chaff large secondary"><b>12</b></div><!--
  730.                --><div class="chaff medium tertiary"><b>01</b></div><!--
  731.                --><div class="chaff small secondary"><b>41</b></div><!--
  732.                --><div class="chaff primary top"> </div><!--
  733.                --><div class="chaff medium tertiary"><b>67</b></div><!--
  734.                --><div class="chaff large secondary"><b>04</b></div>
  735.             </div>
  736.         </div>
  737. <!--
  738. END TOP ELBO
  739. BEGIN BOTTOM ELBO
  740. -->
  741.         <div class="elbo bottomElbo">
  742.             <div class="chaffBox">
  743.                 <div class="chaff large tertiary"><b>39</b></div><!--
  744.                --><div class="chaff medium secondary"><b>76</b></div><!--
  745.                --><div class="chaff small tertiary"><b>91</b></div><!--
  746.                --><div class="chaff primary bottom"><b> </b></div><!--
  747.                --><div class="chaff medium tertiary"><b>09</b></div><!--
  748.                --><div class="chaff large secondary"><b>64</b></div>
  749.             </div>
  750.             <div class="contentHolder bottomElboInside">
  751.                 <div class="sidebar">
  752.                     <div class="sidebox primary">
  753.                         <a href="http://www.tumblr.com/follow/{Name}">{lang:Follow on Tumblr}</a>
  754.                     </div>
  755.                     {block:Twitter}
  756.                     <div class="sidebox secondary">
  757.                         <a href="https://twitter.com/intent/user?screen_name={TwitterUsername}">{lang:Follow on Twitter}</a>
  758.                     </div>
  759.                     {/block:Twitter}
  760.                     {block:IfFacebookUsername}
  761.                     <div class="sidebox secondary">
  762.                         <a href="http://www.facebook.com/{text:Facebook Username}">Facebook</a>
  763.                     </div>
  764.                     {/block:IfFacebookUsername}
  765.                     <div class="sidebox secondary">
  766.                         <a href="{RSS}">{lang:RSS feed}</a>
  767.                     </div>
  768.                     <div class="sidebox tertiary" style="text-align:center;vertical-align:center;">
  769.                         <form action="/search" method="get">
  770.                             <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" class="search" />
  771.                             <input type="submit" value="Search" style="display:none;" />
  772.                         </form>
  773.                     </div>
  774.                     {block:IfShowLatestTweets}
  775.                     {block:Twitter}
  776.                     <div class="sidebox primary" id="showTweets" onclick="toggleTweets('twitter')">
  777.                         {lang:Latest Tweets}
  778.                     </div>
  779.                     <script>
  780.                         function toggleTweets(id) {
  781.                             var e = document.getElementById(id);
  782.                             if(e.style.maxHeight == '0px')
  783.                                 e.style.maxHeight = '5000px';
  784.                             else
  785.                                 e.style.maxHeight = '0px';
  786.                         }
  787.                     </script>
  788.                     <div id="twitter" style="max-height:0px;"></div>
  789.                     <script type="text/javascript">
  790.                         function recent_tweets(data) {
  791.                             for (i=0; i<data.length; i++) {
  792.                                document.getElementById("twitter").innerHTML =
  793.                                    document.getElementById("twitter").innerHTML +
  794.                                    '<a href="http://twitter.com/{TwitterUsername}/status/' +
  795.                                    (data[i].id_str ? data[i].id_str : data[i].id) +
  796.                                    '"><div class="sidebox tweet tertiary">' + data[i].text +
  797.                                     '</div></a>';
  798.                             }
  799.                         }
  800.                     </script>
  801.                     {/block:Twitter}
  802.                     {/block:IfShowLatestTweets}
  803.                     {block:AskEnabled}
  804.                     <div class="sidebox primary">
  805.                         <a href="/ask">{AskLabel}</a>
  806.                     </div>
  807.                     {/block:AskEnabled}
  808.                     {block:SubmissionsEnabled}
  809.                     <div class="sidebox secondary">
  810.                         <a href="/submit">{SubmitLabel}</a>
  811.                     </div>
  812.                     {/block:SubmissionsEnabled}
  813.                 </div><!--
  814.                --><div class="rightContent">
  815.                
  816. <!--
  817. BEGIN POSTS
  818. -->
  819.                     {block:Posts}
  820.                     <div class="post">
  821.                         <div class="postHeader">
  822.                             <div class="postTitle">
  823.                                 {PostType}
  824.                                 {block:Title}
  825.                                 : {Title}
  826.                                 {/block:Title}
  827.                                 {block:Link}
  828.                                 : {Name}
  829.                                 {/block:Link}
  830.                             </div>
  831.                             <div class="postTime">
  832.                                 <a href="{Permalink}">{lang:Posted TimeAgo}</a>
  833.                             </div>
  834.                         </div>
  835.                         <div class="contentHolder textInside">
  836.                             <div class="sidebar">
  837.                                 <div class="sidebox primary">
  838.                                     {lang:By PostAuthorName 2}
  839.                                 </div>
  840.                                 {block:RebloggedFrom}
  841.                                 <div class="sidebox secondary">
  842.                                     {lang:Reblogged from ReblogParentName 2}
  843.                                 </div>
  844.                                 <div class="sidebox secondary">
  845.                                     {lang:Originally from ReblogRootName 2}
  846.                                 </div>
  847.                                 {/block:RebloggedFrom}
  848.                             </div>
  849.                             <div class="rightContent">
  850.                                 <div class="content">
  851.                                
  852.                                     {block:Text}
  853.                                     <h1>{Title}</h1>
  854.                                     {Body}
  855.                                     {/block:Text}
  856.                                    
  857.                                     {block:Photo}
  858.                                     {block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  859.                                     {block:HighRes}
  860.                                     <p><a href="{PhotoURL-HighRes}">{lang:Click for high-res photo}</a></p>
  861.                                     {/block:HighRes}
  862.                                     {block:Exif}
  863.                                     <p>Exif Data:</p>
  864.                                     <ul>
  865.                                         {block:Camera}<li>Camera: {Camera}{/block:Camera}
  866.                                         {block:Aperture}<li>Aperture: {Aperture}{/block:Aperture}
  867.                                         {block:Exposure}<li>Exposure: {Exposure}{/block:Exposure}
  868.                                         {block:FocalLength}<li>Focal Length: {FocalLength}{/block:FocalLength}
  869.                                     </ul>
  870.                                     {/block:Exif}
  871.                                     {block:Caption}
  872.                                     {Caption}
  873.                                     {/block:Caption}
  874.                                     {/block:Photo}
  875.                                    
  876.                                     {block:Panorama}
  877.                                     {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  878.                                     <p>Panorama Data:</p>
  879.                                     <ul>
  880.                                         <li>Resolution: {PhotoWidth-Panorama}x{PhotoHeight-Panorama}
  881.                                         {block:Exif}
  882.                                         {block:Camera}<li>Camera: {Camera}{/block:Camera}
  883.                                         {block:Aperture}<li>Aperture: {Aperture}{/block:Aperture}
  884.                                         {block:Exposure}<li>Exposure: {Exposure}{/block:Exposure}
  885.                                         {block:FocalLength}<li>Focal Length: {FocalLength}{/block:FocalLength}
  886.                                         {/block:Exif}
  887.                                     </ul>
  888.                                     {block:Caption}
  889.                                     {Caption}
  890.                                     {/block:Caption}
  891.                                     {/block:Panorama}
  892.                                    
  893.                                     {block:Photoset}
  894.                                     {block:Photos}
  895.                                         {block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  896.                                         {block:HighRes}
  897.                                         <p><a href="{PhotoURL-HighRes}">{lang:Click for high-res photo}</a></p>
  898.                                         {/block:HighRes}
  899.                                         {block:Exif}
  900.                                         <p>Exif Data:</p>
  901.                                         <ul>
  902.                                             {block:Camera}<li>Camera: {Camera}{/block:Camera}
  903.                                             {block:Aperture}<li>Aperture: {Aperture}{/block:Aperture}
  904.                                             {block:Exposure}<li>Exposure: {Exposure}{/block:Exposure}
  905.                                             {block:FocalLength}<li>Focal Length: {FocalLength}{/block:FocalLength}
  906.                                         </ul>
  907.                                         {/block:Exif}
  908.                                         {block:Caption}
  909.                                         {Caption}
  910.                                         {/block:Caption}
  911.                                     {/block:Photos}
  912.                                     {block:Caption}
  913.                                     {Caption}
  914.                                     {/block:Caption}
  915.                                     {/block:Photoset}
  916.                                    
  917.                                     {block:Quote}
  918.                                     <strong><h1>&#8220;{Quote}&#8221;</h1></strong>
  919.                                     {block:Source}
  920.                                     &mdash; {Source}
  921.                                     {/block:Source}
  922.                                     {/block:Quote}
  923.                                    
  924.                                     {block:Link}
  925.                                     <div class="buttonBody">
  926.                                         <div class="button">
  927.                                             <a href="{URL}" {Target}>{Name}</a>
  928.                                         </div>
  929.                                     </div>
  930.                                     {block:Description}
  931.                                     {Description}
  932.                                     {/block:Description}
  933.                                     {/block:Link}
  934.                                    
  935.                                     {block:Chat}
  936.                                     <ul>
  937.                                         {block:Lines}
  938.                                         <li class="chatBox">{block:Label}<b style="color:{color:Highlight};">{Label}</b>{/block:Label} {Line}
  939.                                         {/block:Lines}
  940.                                     </ul>
  941.                                     {/block:Chat}
  942.                                    
  943.                                     {block:Audio}
  944.                                     {block:IfDisplayAudioInformation}
  945.                                     <div class="audioLeft">
  946.                                         {block:AlbumArt}
  947.                                         <img src="{AlbumArtURL}">
  948.                                         {/block:AlbumArt}
  949.                                         <ul>
  950.                                         {block:Artist}
  951.                                         <li>Artist: {Artist}
  952.                                         {/block:Artist}
  953.                                         <li>{block:Album}
  954.                                         Album: {Album}
  955.                                         <li>{/block:Album}
  956.                                         {block:TrackName}
  957.                                         <li>Track: {TrackName}
  958.                                         {/block:TrackName}
  959.                                         </ul>
  960.                                     </div>
  961.                                     {/block:IfDisplayAudioInformation}
  962.                                     <div class="audioRight">
  963.                                         {block:AudioEmbed}
  964.                                         {AudioEmbed-250}
  965.                                         {/block:AudioEmbed}
  966.                                         {block:AudioPlayer}
  967.                                         {AudioPlayer}
  968.                                         {/block:AudioPlayer}
  969.                                         {block:PlayCount}
  970.                                         {PlayCountWithLabel}
  971.                                         {/block:PlayCount}
  972.                                     </div>
  973.                                     {block:Caption}
  974.                                     {Caption}
  975.                                     {/block:Caption}
  976.                                     {/block:Audio}
  977.                                    
  978.                                     {block:Video}
  979.                                     {Video-500}
  980.                                     {PlayCountWithLabel}
  981.                                     {block:Caption}
  982.                                     {Caption}
  983.                                     {/block:Caption}
  984.                                     {/block:Video}
  985.                                    
  986.                                     {block:Answer}
  987.                                     <blockquote>{Question}</blockquote>
  988.                                     <strong>{Asker}</strong>
  989.                                     <p>{Answer}</p>
  990.                                     {/block:Answer}
  991.                                    
  992.                                     <br>
  993.                                     {block:HasTags}
  994.                                     <div class="buttonBody">
  995.                                         <div class="button">
  996.                                             {block:Tags}
  997.                                             <a href="{TagURLChrono}"><b>#</b>{Tag} </a>
  998.                                             {/block:Tags}
  999.                                         </div>
  1000.                                     </div>
  1001.                                     {/block:HasTags}
  1002.                                     {block:IfFacebookSharing}
  1003.                                     <div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark" style="margin-left:10px;vertical-align:bottom;"></div>
  1004.                                     {/block:IfFacebookSharing}
  1005.                                 </div>
  1006.                             </div>
  1007.                         </div>
  1008.                         <div class="bottomBar">
  1009.                             <div class="button">
  1010.                                 {ReblogButton color="black" size="20"}
  1011.                             </div>
  1012.                             <div class="button">
  1013.                                 {Likebutton color="black" size="20"}
  1014.                             </div>
  1015.                             {block:NoteCount}
  1016.                             <div class="button">
  1017.                                 {NoteCountWithLabel}
  1018.                             </div>
  1019.                             {/block:NoteCount}
  1020.                         </div>
  1021.                     </div>
  1022.                     {/block:Posts}
  1023.                    
  1024. <!--
  1025. END POSTS
  1026. -->
  1027.                     {block:PostNotes}
  1028.                     <div class="noteContainer">
  1029.                         {PostNotes}
  1030.                     </div>
  1031.                     {/block:PostNotes}
  1032.                     {block:NoSearchResults}
  1033.                     <div class="content">
  1034.                         {lang:No results found}
  1035.                     </div>
  1036.                     {/block:NoSearchResults}
  1037.                    
  1038.                     {block:Pagination}
  1039.                     <div class="paginationBar">
  1040.                         {block:PreviousPage}
  1041.                         <div class="paginationButton control">
  1042.                             <a href="{PreviousPage}">{lang:Previous}</a>
  1043.                         </div>
  1044.                         {/block:PreviousPage}
  1045.                         {block:JumpPagination length="10"}
  1046.                         {block:CurrentPage}
  1047.                         <div class="paginationButton tertiary">
  1048.                             {PageNumber}
  1049.                         </div>
  1050.                         {/block:CurrentPage}
  1051.                         {block:JumpPage}
  1052.                         <div class="paginationButton control">
  1053.                             <a href="{URL}">{PageNumber}</a>
  1054.                         </div>
  1055.                         {/block:JumpPage}
  1056.                         {/block:JumpPagination}
  1057.                         {block:NextPage}
  1058.                         <div class="paginationButton control">
  1059.                             <a href="{NextPage}">{lang:Next}</a>
  1060.                         </div>
  1061.                         {/block:NextPage}
  1062.                     </div>
  1063.                     {/block:Pagination}
  1064.                 </div>
  1065.                 <div class="swoopSpacer"> </div>
  1066.             </div>
  1067.         </div>
  1068.         <div class="swoopBox">
  1069.             <div class="swoop">
  1070.                 <div class="swoopOut"> </div>
  1071.             </div>
  1072.         </div>
  1073.         {block:Twitter}
  1074.         <script type="text/javascript" src="/tweets.js"></script>
  1075.         {/block:Twitter}
  1076.     </body>
  1077. </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!