API tools faq
paste
Advertisement
Guest User

LCARS Tumblr 9-20-2014

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