/* 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. */

#display-options-page {
  background-color: rgb(240, 240, 240);
}

#display-options-content-area {
  padding: 0;
}

#display-options-displays-view-host {
  padding: 20px 0 20px 0;
}

#display-options-displays-view {
  overflow: hidden;
  position: relative;
  width: 100%;
}

#display-options-displays-view-mirroring {
  margin: 20px 0 20px 0;
}

#display-configurations {
  -webkit-padding-end: 0;
  -webkit-padding-start: 15px;
  background-color: white;
  border-top: 1px solid lightgrey;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* The arrow at the border #display-configurations to point the focused display.
 * This is achieved by a square rotated by 45-deg, and it has border at the
 * upper-half, which were left/top before the rotation. */
#display-configuration-arrow {
  -webkit-transform: rotate(45deg);
  background-color: white;
  border-left: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
  height: 20px;
  position: absolute;
  width: 20px;
  z-index: 1;
}

#selected-display-data-container {
  z-index: 2;
}

#selected-display-name {
  font-size: large;
  font-weight: normal;
  margin-top: 5px;
  padding: 0;
}

.selected-display-option-row {
  margin-top: 10px;
}

.selected-display-option-title {
  display: inline-block;
  margin-right: 10px;
}

.displays-display {
  -webkit-user-select: none;
  background: rgb(240, 240, 240);
  border: solid 1px;
  box-sizing: border-box;
  font-weight: bold;
  position: absolute;
  text-align: center;
  z-index: 2;
}

.display-mirrored {
  border: solid 1px;
}

.displays-focused {
  border: solid 2px rgb(0, 138, 255);
  color: rgb(0, 138, 255);
}

#display-options-toggle-mirroring {
  margin-right: 5px;
}

.display-options-button {
  width: 130px;
}