/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

body {
  color: black;
}

/*
 * We want to treat the two pieces of text in the left column as one unit and
   center that unit vertically in the window. In order to make IE8 do that,
   we have to wrap the two bits of text in a container and make that a
   table-cell (which means we need an outer container that's display: table).
   So that's what this mess is doing.
 */
#text_column {
  position: fixed;
  height: 100%;
  margin-left: 30px;
  width: 40%;
  display: table;
}

#text_column_container {
  display: table-cell;
  vertical-align: middle;
  padding-top: 60px;
}

#header {
  font-size: 24px;
  font-weight: 800;
  margin-top: 0;
}

#content {
  font-size: 22px;
}

#installing {
  position: fixed;
  right: 30px;
  bottom: 55%;
  margin-top: auto;
  margin-bottom: auto;
  width: 35%;
}

#label {
  color: white;

  position: relative;
  top: 50px;

  text-align: center;
  font-size: 20px;
}

#progress_background {
  width: 100%;
  height: 20px;
  background-color: white;
}

body.high-contrast #progress_background {
  outline: solid;
}

#progress_bar {
  margin: 0;
  width: 0%;
  height: 100%;
  background-color: #00AAFF;
}

/* In high contrast mode, fill the entire progress bar with its border. */
body.high-contrast #progress_bar {
  /* This border should be the height of progress_background. */
  border-top: 20px solid;
  box-sizing: border-box;
}

/* No blurb or footer for this layout. */
#blurb,
#footer {
  visibility: hidden;
}
