src/chrome/browser/resources/options/chromeos/display_options.css

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