| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| html, body { |
| -webkit-user-select: none; |
| font-family: sans-serif; |
| height: 100%; |
| margin: 0; |
| overflow: hidden; |
| text-align: center; |
| width: 100%; |
| } |
| |
| h1 { |
| display: none; |
| font-size: 10pt; |
| font-weight: normal; |
| padding: 0pt 10pt; |
| } |
| |
| p { |
| font-size: 8pt; |
| padding: 0pt 14pt; |
| } |
| |
| #t { |
| background-color: #f7f7f7; |
| color: #646464; |
| } |
| |
| #outer { |
| align-items: center; |
| box-sizing: border-box; |
| display: flex; |
| height: 100%; |
| justify-content: center; |
| position: absolute; |
| width: 100%; |
| flex-direction: column; |
| } |
| |
| .icon { |
| max-height: 100%; |
| max-width: 100%; |
| opacity: .3; |
| } |
| |
| @media (orientation: landscape) and (min-height: 2em) and (min-width: 14em) { |
| #outer { |
| flex-direction: row; |
| } |
| .icon { |
| max-height: 100%; |
| max-width: 50%; |
| } |
| h1 { |
| display: block; |
| } |
| } |
| |
| @media (min-height: 7em) and (min-width: 6em) { |
| #outer { |
| flex-direction: column; |
| } |
| .icon { |
| max-height: 50%; |
| max-width: 100%; |
| } |
| h1 { |
| display: block; |
| } |
| } |