Home | History | Annotate | Download | only in chromeos 
      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