chrome/browser/resources/chromeos/arc_support/main.css

/* Copyright 2016 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,
webview,
.section {
  font-family: 'Roboto';
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

::-webkit-scrollbar {
  background: transparent;
  height: 4px;
  width: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  height: 16px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

#arc-support {
  flex: auto;
  overflow: hidden;
  width: 960px;
}

#terms-view {
  width: 640px;
}

.bubble-button > div {
  height: 12px;
  top: -8px;
  width: 12px;
}

.button-separator {
  width: 1px;
}

.checkbox-option {
  height: 12px;
  margin: 0;
  padding: 0;
  width: 12px;
}

.checkbox-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  padding: 0;
}

.content {
  /* Default window inner height (688px) minus image caption height (300px) */
  height: 388px;
  margin: 0;
  padding: 0;
}

.controlled-setting-indicator {
  -webkit-margin-end: 3px;
  -webkit-margin-start: 2px;
}

.controlled-setting-indicator[controlled-by] > div {
  background-size: 16px;
}

.image-header {
  display: block;
  height: 300px;
  padding: 0;
  width: 960px;
}

.overlay-text .page {
  width: 480px;
}

.overlay-text webview {
  display: none;
}

.overlay-url .page {
  width: 640px;
}

.overlay-url span {
  display: none;
}

.overlay-url webview {
  display: block;
  height: 300px;
  margin: 24px 8px 8px 8px;
  padding: 0;
  width: 100%;
}

.page {
  font-family: 'Roboto';
  font-size: 13px;
  text-align: left;
}

.scrollable {
  flex: auto;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.section {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.section-buttons {
  margin: auto;
  padding: 16px 0 24px 0;
  width: 640px;
}

.section-flex {
  display: flex;
  flex-direction: column;
}

.section-checkbox-container {
  margin: auto;
  padding: 8px 0 0 0;
  text-align: left;
  width: 640px;
}

.section-checkbox-container > input[type='checkbox'] {
  flex-shrink: 0;
  margin: 0 8px 0 0;
}

.section-terms {
  border: 1px solid #e6e6e6;
  color: rgba(0, 0, 0, 0.54);
  flex: auto;
  margin: 0 auto 8px auto;
  overflow: hidden;
  padding: 0;
  width: 640px;
}

.text-desc {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin: auto;
  padding: 16px 0 0 0;
  width: 640px;
}

.text-status {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  font-weight: 500;
  margin: auto;
  padding: 11px 0 40px 0;
}

.text-terms-title {
  color: rgba(0, 0, 0, 0.54);
  font-size: 10px;
  font-weight: 500;
  margin: auto;
  padding: 10px 0 8px 0;
  text-align: left;
  width: 640px;
}

.text-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
  margin: auto;
  padding: 4px 0 0 0;
  width: 800px;
}

a:link {
  color: rgb(51, 103, 214);
  text-decoration: none;
}

a:visited {
  color: rgb(51, 103, 214);
  text-decoration: none;
}