Home | History | Annotate | Download | only in chromeos 
      1 <!DOCTYPE html>
      2 <html id="template_root" i18n-values="dir:textdirection">
      3 <head>
      4 <title i18n-content="title">
      5 </title>
      6 <style>
      7 html {
      8   height: 100%;
      9 }
     10 body {
     11   -webkit-box-pack: center;
     12   -webkit-user-select: none;
     13   background-image: -webkit-linear-gradient(white 50%, rgb(236, 244, 255));
     14   color: #000;
     15   display: -webkit-box;
     16   height: 100%;
     17   margin: 0;
     18   padding: 0;
     19   visibility: hidden;
     20   width: 100%;
     21 }
     22 
     23 #mainview {
     24   display: -webkit-box;
     25   padding-top: 100px;
     26 }
     27 
     28 #right {
     29   -webkit-margin-start: 70px;
     30 }
     31 
     32 .upper {
     33   position: relative;
     34   width: 100%;
     35   -webkit-box-flex: 0.8;
     36 }
     37 
     38 #logo-container {
     39   display: -webkit-box;
     40 }
     41 
     42 #product-name {
     43   -webkit-margin-start: 5px;
     44   color: grey;
     45   font-size: 160%;
     46 }
     47 
     48 #heading {
     49   font-size: 15px;
     50   padding-top: 20px;
     51 }
     52 
     53 #message {
     54   font-size: 12px;
     55   padding-top: 5px;
     56 }
     57 
     58 #button {
     59   padding-top: 30px;
     60 }
     61 
     62 .offline_message {
     63   position: absolute;
     64   width: 600px;
     65   height: 49%;
     66 }
     67 
     68 .activation_message {
     69   position: absolute;
     70   width: 500px;
     71   top: 0;
     72   margin-top: 0;
     73   left: 50%;
     74   margin-left: -250px;
     75   min-height: 380px;
     76 }
     77 
     78 #carrierPage {
     79   padding-top: 10px;
     80   width: 500px;
     81   height: 380px;
     82   overflow-x: none;
     83   overflow-y: none;
     84 }
     85 
     86 .hidden {
     87   display: none;
     88 }
     89 
     90 .splitter {
     91   border-top: 1px solid #DDD;
     92   height: 1px;
     93 }
     94 </style>
     95 <script src="../../../../ui/webui/resources/js/local_strings.js"></script>
     96 
     97 <script>
     98 var localStrings = new LocalStrings();
     99 
    100 function sendCommand(cmd) {
    101   window.domAutomationController.setAutomationId(1);
    102   window.domAutomationController.send(cmd);
    103 }
    104 
    105 // Show the offline page.
    106 function showPage() {
    107   document.body.style.visibility = 'visible';
    108 }
    109 
    110 document.addEventListener('DOMContentLoaded', function() {
    111   var timeToWait = localStrings.getString('time_to_wait');
    112   window.setTimeout(showPage, timeToWait);
    113 });
    114 </script>
    115 
    116 <body oncontextmenu="return false;"
    117   i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
    118   <div id="mainview">
    119     <div id="left">
    120       <div class="upper">
    121         <div id="logo-container">
    122           <img i18n-values=".src:icon">
    123           <div id="product-name" i18n-content="product_name"></div>
    124         </div>
    125         <div id="heading" i18n-content="heading"></div>
    126         <div id="message" i18n-content="msg"></div>
    127         <div id="button">
    128           <button onclick="sendCommand('open_network_settings')"
    129              i18n-content="network_settings"></button>
    130         </div>
    131       </div>
    132     </div>
    133     <div id="right">
    134       <img src="images/broken_robot.png">
    135     </div>
    136   </div>
    137 </body>
    138 </html>
    139