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-configurations {
  24   -webkit-padding-end: 0;
  25   -webkit-padding-start: 15px;
  26   border-top: 1px solid lightgrey;
  27   padding-top: 15px;
  28 }
  29
  30 /* The arrow at the border #display-configurations to point the focused display.
  31  * This is achieved by a square rotated by 45-deg, and it has border at the
  32  * upper-half, which were left/top before the rotation. */
  33 #display-configuration-arrow {
  34   -webkit-transform: rotate(45deg);
  35   border-left: 1px solid lightgrey;
  36   border-top: 1px solid lightgrey;
  37   height: 20px;
  38   position: absolute;
  39   width: 20px;
  40   z-index: 1;
  41 }
  42
  43 #display-configurations,
  44 #display-configuration-arrow,
  45 #display-options-page .action-area {
  46   background-color: white;
  47 }
  48
  49 #display-options-page .action-area {
  50   /* Because this element has a background-color, we need to emulate the
  51    * parent's border-radius (otherwise there's sharp corners). */
  52   border-bottom-left-radius: inherit;
  53   border-bottom-right-radius: inherit;
  54 }
  55
  56 #selected-display-data-container {
  57   z-index: 2;
  58 }
  59
  60 #selected-display-name {
  61   font-size: large;
  62   font-weight: normal;
  63   margin-top: 5px;
  64   padding: 0;
  65 }
  66
  67 .selected-display-option-row {
  68   margin-top: 10px;
  69 }
  70
  71 .selected-display-option-title {
  72   display: inline-block;
  73   margin-right: 10px;
  74 }
  75
  76 .displays-display {
  77   -webkit-user-select: none;
  78   background: rgb(240, 240, 240);
  79   border: solid 1px;
  80   box-sizing: border-box;
  81   font-weight: bold;
  82   position: absolute;
  83   text-align: center;
  84   z-index: 2;
  85 }
  86
  87 .display-mirrored {
  88   border: solid 1px;
  89 }
  90
  91 .displays-focused {
  92   border: solid 2px rgb(0, 138, 255);
  93   color: rgb(0, 138, 255);
  94 }
  95
  96 #display-options-select-mirroring {
  97   margin-right: 5px;
  98 }
  99
 100 .display-options-button {
 101   width: 140px;
 102 }
 103
 104 .display-options-button2 {
 105   width: 120px;
 106 }