API tools faq
paste
Advertisement
ASmellyOgre

ASmellyOgre's LCARS Tumblr Theme 2013-05-05

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