daily pastebin goal
81%
SHARE
TWEET

TV grid layout

a guest Nov 18th, 2017 123 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <title>BITFINEX BTCUSD</title>
  6.         <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  7.     </head>
  8.     <style>
  9.         body, html {
  10.             padding: 0;
  11.             margin: 0;
  12.             font-family: 'fontawesome', Calibri, Arial, sans-serif;
  13.             color: #666;
  14.             background: #111;
  15.             min-height: 800px;
  16.         }
  17.  
  18.         /* Reset */
  19.         *,
  20.         *:after,
  21.         *:before {
  22.             -webkit-box-sizing: border-box;
  23.             -moz-box-sizing: border-box;
  24.             box-sizing: border-box;
  25.         }
  26.  
  27.         a {
  28.             color: #ccc;
  29.             text-decoration: none;
  30.         }
  31.  
  32.         a:hover {
  33.             color: #fff;
  34.         }
  35.  
  36.         .pair{
  37.             position: fixed;
  38.             float: left;
  39.             left: 0px;
  40.             color: #fd0;
  41.             font-weight: 800;
  42.             font-size: 20px;
  43.             line-height: 1em;
  44.             background:  rgba(0,0,0,0.8);
  45.             z-index: 999;
  46.         }
  47.  
  48.  
  49.         /* GRID LAYOUT */
  50.  
  51.         .grid {
  52.             width: 100%;
  53.             z-index: 100;
  54.  
  55.         }
  56.         .module {
  57.             color: #666;
  58.             background-color: #222;
  59.             float: left;
  60.             width: 33.22%;
  61.             height: 33.22vh;
  62.         }
  63.         .module2 {
  64.             color: #666;
  65.             background-color: #222;
  66.             float: left;
  67.             width: 50%;
  68.             height: 50vh;
  69.         }
  70.         .symbol{
  71.             display: none;
  72.             position: fixed;
  73.             float: left;
  74.             background: rgba(0,0,0,1);
  75.             z-index: 1000;
  76.         }
  77.        
  78.     </style>
  79.     <body>
  80.         <div class="pair">BITFINEX BTCUSD</div>
  81.         <div class="container">
  82.             <div class="grid"> <!-- GRID contents BEGIN -->
  83.                 <article class="module">
  84.                     <!-- TradingView Widget BEGIN -->
  85.                         <script type="text/javascript">
  86.                         new TradingView.widget({
  87.                           "autosize": true,
  88.                           "symbol": "BITFINEX:BTCUSD",
  89.                           "interval": "240",
  90.                           "timezone": "Etc/UTC",
  91.                           "theme": "Dark",
  92.                           "style": "1",
  93.                           "locale": "en",
  94.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  95.                           "enable_publishing": false,
  96.                           "hide_top_toolbar": true,
  97.                           "allow_symbol_change": true,
  98.                           "save_image": false,
  99.                           "hideideas": true,
  100.                           "studies": [
  101.                             "BB@tv-basicstudies",
  102.                           ]
  103.                         });
  104.                         </script>
  105.                     <!-- TradingView Widget END -->
  106.                 </article>
  107.                 <article class="module">
  108.                     <!-- TradingView Widget BEGIN -->
  109.                         <script type="text/javascript">
  110.                         new TradingView.widget({
  111.                           "autosize": true,
  112.                           "symbol": "BITFINEX:BTCUSD",
  113.                           "interval": "60",
  114.                           "timezone": "Etc/UTC",
  115.                           "theme": "Dark",
  116.                           "style": "1",
  117.                           "locale": "en",
  118.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  119.                           "enable_publishing": false,
  120.                           "hide_top_toolbar": true,
  121.                           "allow_symbol_change": true,
  122.                           "save_image": false,
  123.                           "hideideas": true,
  124.                           "studies": [
  125.                             "BB@tv-basicstudies",
  126.                           ]
  127.                         });
  128.                         </script>
  129.                     <!-- TradingView Widget END -->
  130.                 </article>
  131.                 <article class="module">
  132.                     <!-- TradingView Widget BEGIN -->
  133.                         <script type="text/javascript">
  134.                         new TradingView.widget({
  135.                           "autosize": true,
  136.                           "symbol": "BITFINEX:BTCUSD",
  137.                           "interval": "5",
  138.                           "timezone": "Etc/UTC",
  139.                           "theme": "Dark",
  140.                           "style": "1",
  141.                           "locale": "en",
  142.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  143.                           "enable_publishing": false,
  144.                           "hide_top_toolbar": true,
  145.                           "allow_symbol_change": true,
  146.                           "save_image": false,
  147.                           "hideideas": true,
  148.                           "studies": [
  149.                             "BB@tv-basicstudies",
  150.                           ]
  151.                         });
  152.                         </script>
  153.                     <!-- TradingView Widget END -->
  154.                 </article>
  155.                 <article class="module">
  156.                     <!-- TradingView Widget BEGIN -->
  157.                         <script type="text/javascript">
  158.                         new TradingView.widget({
  159.                           "autosize": true,
  160.                           "symbol": "BITFINEX:BTCUSD",
  161.                           "interval": "D",
  162.                           "timezone": "Etc/UTC",
  163.                           "theme": "Dark",
  164.                           "style": "1",
  165.                           "locale": "en",
  166.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  167.                           "enable_publishing": false,
  168.                           "hide_top_toolbar": true,
  169.                           "allow_symbol_change": true,
  170.                           "save_image": false,
  171.                           "hideideas": true,
  172.                           "studies": [
  173.                             "BB@tv-basicstudies",
  174.                           ]
  175.                         });
  176.                         </script>
  177.                     <!-- TradingView Widget END -->
  178.                 </article>
  179.                 <article class="module">
  180.                     <!-- TradingView Widget BEGIN -->
  181.                         <script type="text/javascript">
  182.                         new TradingView.widget({
  183.                           "autosize": true,
  184.                           "symbol": "BITFINEX:BTCUSD",
  185.                           "interval": "120",
  186.                           "timezone": "Etc/UTC",
  187.                           "theme": "Dark",
  188.                           "style": "1",
  189.                           "locale": "en",
  190.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  191.                           "enable_publishing": false,
  192.                           "hide_top_toolbar": true,
  193.                           "allow_symbol_change": true,
  194.                           "save_image": false,
  195.                           "hideideas": true,
  196.                           "studies": [
  197.                             "BB@tv-basicstudies",
  198.                           ]
  199.                         });
  200.                         </script>
  201.                     <!-- TradingView Widget END -->
  202.                 </article>
  203.                 <article class="module">
  204.                     <!-- TradingView Widget BEGIN -->
  205.                         <script type="text/javascript">
  206.                         new TradingView.widget({
  207.                           "autosize": true,
  208.                           "symbol": "BITFINEX:BTCUSD",
  209.                           "interval": "15",
  210.                           "timezone": "Etc/UTC",
  211.                           "theme": "Dark",
  212.                           "style": "1",
  213.                           "locale": "en",
  214.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  215.                           "enable_publishing": false,
  216.                           "hide_top_toolbar": true,
  217.                           "allow_symbol_change": true,
  218.                           "save_image": false,
  219.                           "hideideas": true,
  220.                           "studies": [
  221.                             "BB@tv-basicstudies",
  222.                           ]
  223.                         });
  224.                         </script>
  225.                     <!-- TradingView Widget END -->
  226.                 </article>
  227.                 <article class="module">
  228.                     <!-- TradingView Widget BEGIN -->
  229.                         <script type="text/javascript">
  230.                         new TradingView.widget({
  231.                           "autosize": true,
  232.                           "symbol": "BITFINEX:BTCUSD",
  233.                           "interval": "W",
  234.                           "timezone": "Etc/UTC",
  235.                           "theme": "Dark",
  236.                           "style": "1",
  237.                           "locale": "en",
  238.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  239.                           "enable_publishing": false,
  240.                           "hide_top_toolbar": true,
  241.                           "allow_symbol_change": true,
  242.                           "save_image": false,
  243.                           "hideideas": true,
  244.                           "studies": [
  245.                             "BB@tv-basicstudies",
  246.                           ]
  247.                         });
  248.                         </script>
  249.                     <!-- TradingView Widget END -->
  250.                 </article>
  251.                 <article class="module">
  252.                     <!-- TradingView Widget BEGIN -->
  253.                         <script type="text/javascript">
  254.                         new TradingView.widget({
  255.                           "autosize": true,
  256.                           "symbol": "BITFINEX:BTCUSD",
  257.                           "interval": "180",
  258.                           "timezone": "Etc/UTC",
  259.                           "theme": "Dark",
  260.                           "style": "1",
  261.                           "locale": "en",
  262.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  263.                           "enable_publishing": false,
  264.                           "hide_top_toolbar": true,
  265.                           "allow_symbol_change": true,
  266.                           "save_image": false,
  267.                           "hideideas": true,
  268.                           "studies": [
  269.                             "BB@tv-basicstudies",
  270.                           ]
  271.                         });
  272.                         </script>
  273.                     <!-- TradingView Widget END -->
  274.                 </article>
  275.                 <article class="module">
  276.                     <!-- TradingView Widget BEGIN -->
  277.                         <script type="text/javascript">
  278.                         new TradingView.widget({
  279.                           "autosize": true,
  280.                           "symbol": "BITFINEX:BTCUSD",
  281.                           "interval": "30",
  282.                           "timezone": "Etc/UTC",
  283.                           "theme": "Dark",
  284.                           "style": "1",
  285.                           "locale": "en",
  286.                           "toolbar_bg": "rgba(0, 0, 0, 1)",
  287.                           "enable_publishing": false,
  288.                           "hide_top_toolbar": true,
  289.                           "allow_symbol_change": true,
  290.                           "save_image": false,
  291.                           "hideideas": true,
  292.                           "studies": [
  293.                             "BB@tv-basicstudies",
  294.                           ]
  295.                         });
  296.                         </script>
  297.                     <!-- TradingView Widget END -->
  298.                 </article>
  299.             </div> <!-- GRID contents END -->
  300.         </div>
  301.     </body>
  302. </html>
RAW Paste Data
Top