addons/im_livechat/web_page.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script type="text/javascript">
   5         window.oe_im_livechat_auto = true;
   6     </script>
   7     {{script}}
   8     <style type="text/css">
   9         body {
  10             height: 100%;
  11             font-size: 16px;
  12             font-weight: 400;
  13             font-family: "Lato", "Lucida Grande", "Helvetica neue", "Helvetica", "Verdana", "Arial", sans-serif;
  14             overflow: hidden;
  15             overflow-y: auto;
  16             display: block;
  17             margin: 0;
  18             padding: 0;
  19             border: none;
  20             width: 100%;
  21             height: 100%;
  22             background: #C9C8E0;
  23             background-image: -webkit-linear-gradient(top, #7c7bad, #ddddee);
  24             background-image: -moz-linear-gradient(top, #7c7bad, #ddddee);
  25             background-image: -ms-linear-gradient(top, #7c7bad, #ddddee);
  26             background-image: -o-linear-gradient(top, #7c7bad, #ddddee);
  27             background-image: linear-gradient(to bottom, #7c7bad, #ddddee);
  28             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7bad', endColorstr='#ddddee',GradientType=0 );
  29             -webkit-background-size: cover;
  30             -moz-background-size: cover;
  31             -o-background-size: cover;
  32             background-size: cover;
  33             background-repeat: no-repeat;
  34             background-attachment: fixed;
  35         }
  36         .main {
  37             position: absolute;
  38             opacity: 0;
  39             top: 50%;
  40             width: 100%;
  41             margin-top: -150px;
  42             color: white;
  43             text-shadow: 0 1px 0 rgba(34, 52, 72, 0.2);
  44             z-index: 10;
  45             text-align: center;
  46         }
  47         .main h1 {
  48             font-size: 54px;
  49         }
  50         .main div {
  51             font-style: italic;
  52         }
  53     </style>
  54 </head>
  55 <body>
  56     <div class="main" style="opacity: 1;">
  57         <h1 class="channel_name">{{channelName | escape}}</h1>
  58         <div>Live Chat Powered by <strong>OpenERP</strong>.</div>
  59     </div>
  60 </body>
  61 </html>