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 }
   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 }