| /* Copyright 2013 The Chromium Authors |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| html, |
| body { |
| height: 100%; |
| margin: 0; |
| overflow: hidden; |
| padding: 0; |
| user-select: none; |
| width: 100%; |
| } |
| |
| webview { |
| overflow-x: scroll; |
| overflow-y: scroll; |
| } |
| |
| .dialog-body { |
| border: 1px #aaa solid; |
| height: 100%; |
| margin-top: 0; |
| overflow: hidden; |
| width: 100%; |
| } |
| |
| .overlay { |
| bottom: 0; |
| left: 0; |
| padding: 100px; |
| position: absolute; |
| right: 0; |
| top: 0; |
| z-index: 10; |
| } |
| |
| .opaque-overlay { |
| background: white; |
| } |
| |
| .translucent-black-overlay { |
| background: rgba(0, 0, 0, 0.1); |
| } |
| |
| .overlay > div { |
| background: white; |
| border: 1px solid #bdbdbd; |
| border-radius: 5px; |
| box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15); |
| padding: 15px; |
| } |
| |
| .startup { |
| left: 50%; |
| margin-left: -266px; |
| margin-top: -250px; |
| position: absolute; |
| top: 50%; |
| width: 500px; |
| } |
| |
| .logo { |
| background: |
| url(chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_logo.png) |
| no-repeat; |
| background-position: 85% 50%; |
| height: 58px; |
| margin-bottom: 20px; |
| margin-top: 20px; |
| } |
| |
| .splitter { |
| border-bottom: 1px solid #EEE; |
| height: 1px; |
| margin-top: 10px; |
| } |
| |
| .hidden { |
| display: none; |
| } |
| |
| .header-cell { |
| padding-inline-start: 10px; |
| } |
| |
| .canvas-cell { |
| line-height: 0; |
| vertical-align: middle; |
| } |
| |
| #paymentForm, |
| #portalFrame { |
| height: 100%; |
| width: 100%; |
| } |
| |
| #banner { |
| background-color: rgb(252, 246, 224); |
| border: 1px solid #ccc; |
| box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); |
| display: -webkit-box; |
| margin-left: -22px; |
| padding-bottom: 5px; |
| padding-inline-end: 5px; |
| padding-inline-start: 70px; |
| padding-top: 5px; |
| width: 467px; |
| } |
| |
| #statusHeader { |
| font-size: 16px; |
| font-weight: bold; |
| } |
| |
| #auxHeader { |
| font-size: 16px; |
| } |
| |
| #statusMessage { |
| height: 180px; |
| overflow: hidden; |
| padding-top: 10px; |
| width: 500px; |
| font-size: 15px; |
| font-family: arial, sans-serif; |
| } |
| |
| #finalMessage { |
| padding-bottom: 50px; |
| } |