API tools faq
paste
Advertisement
ASmellyOgre

LCARS tumblr theme 08/06/2015

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