src/chrome/browser/resources/chromeos/mobile_setup.css

   1 /* Copyright 2013 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file.
   4  */
   5
   6 html,
   7 body {
   8   -webkit-user-select: none;
   9   height: 100%;
  10   margin: 0;
  11   overflow: hidden;
  12   padding: 0;
  13   width: 100%;
  14 }
  15
  16 iframe {
  17   overflow-x: scroll;
  18   overflow-y: scroll;
  19 }
  20
  21 .dialog-body {
  22   border: 1px #aaa solid;
  23   height: 100%;
  24   margin-top: 0;
  25   overflow: hidden;
  26   width: 100%;
  27 }
  28
  29 .overlay {
  30   bottom: 0;
  31   left: 0;
  32   padding: 100px;
  33   position: absolute;
  34   right: 0;
  35   top: 0;
  36   z-index: 10;
  37 }
  38
  39 .opaque-overlay {
  40   background: white;
  41 }
  42
  43 .translucent-black-overlay {
  44   background: rgba(0, 0, 0, 0.1);
  45 }
  46
  47 .overlay > div {
  48   -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
  49   background: white;
  50   border: 1px solid #bdbdbd;
  51   border-radius: 5px;
  52   padding: 15px;
  53 }
  54
  55 .startup {
  56   left: 50%;
  57   margin-left: -266px;
  58   margin-top: -250px;
  59   position: absolute;
  60   top: 50%;
  61   width: 500px;
  62 }
  63
  64 .logo {
  65   background:
  66     url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_logo.png')
  67     no-repeat;
  68   background-position: 85% 50%;
  69   height: 58px;
  70   margin-bottom: 20px;
  71   margin-top: 20px;
  72 }
  73
  74 .splitter {
  75   border-bottom: 1px solid #EEE;
  76   height: 1px;
  77   margin-top: 10px;
  78 }
  79
  80 .hidden {
  81   display: none;
  82 }
  83
  84 .header-cell {
  85   -webkit-padding-start: 10px;
  86 }
  87
  88 .canvas-cell {
  89   line-height: 0;
  90   vertical-align: middle;
  91 }
  92
  93 #paymentForm,
  94 #portalFrame {
  95   height: 100%;
  96   width: 100%;
  97 }
  98
  99 #carrierPage {
 100   height: 380px;
 101   overflow: hidden;
 102   padding-top: 10px;
 103   width: 500px;
 104 }
 105
 106 #banner {
 107   -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
 108   -webkit-padding-end: 5px;
 109   -webkit-padding-start: 70px;
 110   background-color: rgb(252, 246, 224);
 111   border: 1px solid #ccc;
 112   display: -webkit-box;
 113   margin-left: -22px;
 114   padding-bottom: 5px;
 115   padding-top: 5px;
 116   width: 467px;
 117 }
 118
 119 #statusHeader {
 120   font-size: 16px;
 121   font-weight: bold;
 122 }
 123
 124 #auxHeader {
 125   font-size: 16px;
 126 }
 127
 128 #finalMessage {
 129   padding-bottom: 50px;
 130 }