• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5#display-options-page {
6  background-color: rgb(240, 240, 240);
7}
8
9#display-options-content-area {
10  padding: 0;
11}
12
13#display-options-displays-view-host {
14  padding: 20px 0 20px 0;
15}
16
17#display-options-displays-view {
18  overflow: hidden;
19  position: relative;
20  width: 100%;
21}
22
23#display-options-displays-view-mirroring {
24  margin: 20px 0 20px 0;
25}
26
27#display-configurations {
28  -webkit-padding-end: 0;
29  -webkit-padding-start: 15px;
30  background-color: white;
31  border-top: 1px solid lightgrey;
32  padding-bottom: 15px;
33  padding-top: 15px;
34}
35
36/* The arrow at the border #display-configurations to point the focused display.
37 * This is achieved by a square rotated by 45-deg, and it has border at the
38 * upper-half, which were left/top before the rotation. */
39#display-configuration-arrow {
40  -webkit-transform: rotate(45deg);
41  background-color: white;
42  border-left: 1px solid lightgrey;
43  border-top: 1px solid lightgrey;
44  height: 20px;
45  position: absolute;
46  width: 20px;
47  z-index: 1;
48}
49
50#selected-display-data-container {
51  z-index: 2;
52}
53
54#selected-display-name {
55  font-size: large;
56  font-weight: normal;
57  margin-top: 5px;
58  padding: 0;
59}
60
61.selected-display-option-row {
62  margin-top: 10px;
63}
64
65.selected-display-option-title {
66  display: inline-block;
67  margin-right: 10px;
68}
69
70.displays-display {
71  -webkit-user-select: none;
72  background: rgb(240, 240, 240);
73  border: solid 1px;
74  box-sizing: border-box;
75  font-weight: bold;
76  position: absolute;
77  text-align: center;
78  z-index: 2;
79}
80
81.display-mirrored {
82  border: solid 1px;
83}
84
85.displays-focused {
86  border: solid 2px rgb(0, 138, 255);
87  color: rgb(0, 138, 255);
88}
89
90#display-options-toggle-mirroring {
91  margin-right: 5px;
92}
93
94.display-options-button {
95  width: 130px;
96}
97