ui/accessibility/extensions/colorenhancer/res/setup.css

   1 /* Copyright 2015 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 /* main controls */
   6
   7 th, td {
   8   text-align: center;
   9 }
  10
  11 table {
  12   margin: 0 auto;
  13 }
  14
  15 table input {
  16   margin-left: 5px;
  17 }
  18
  19 table input[type="button"] {
  20   margin-left: 10px;
  21 }
  22
  23 /* additional controls for setup */
  24
  25 .template {
  26   display: none !important;
  27 }
  28
  29 #swatches {
  30   display: flex;
  31   font: 18pt sans;
  32   flex-direction: column;
  33   margin: 10px;
  34   position: relative;
  35 }
  36
  37 #row-highlight {
  38   background: transparent;
  39   border: 2pt solid black;
  40   border-radius: 8px;
  41   left: 0;
  42   position: absolute;
  43   top: 0;
  44   height: 33%;
  45   width: 100%;
  46   z-index: 1;
  47 }
  48
  49 .row {
  50   align-items: center;
  51   display: flex;
  52   flex-direction: row;
  53   vertical-align: middle;
  54   margin: 5px;
  55   margin-left: 10px;
  56 }
  57
  58 .swatch {
  59   border: 1px solid black;
  60   display: flex;
  61   height: 40px;
  62   margin-right: 10px;
  63   width: 40px;
  64 }
  65
  66 .row input {
  67   margin-right: 10px;
  68 }
  69
  70 .swatch span {
  71   -webkit-transform: translate(-5px, -22px);
  72   font: 60pt sans;
  73   display: flex;
  74   height: 40px;
  75   line-height: 1em;
  76   width: 40px;
  77   pointer-events: none;
  78 }
  79
  80 #severity {
  81   margin-left: 50px;
  82   width: 200px;
  83 }
  84
  85 #button-strip {
  86   display: flex;
  87   flex-direction: row;
  88   flex-pack: end;
  89   width: 100%;
  90 }
  91
  92 #button-strip input {
  93   margin-right: 10px;
  94 }
  95
  96 #setup-panel {
  97   border-top: 1px solid #ddd;
  98   overflow: hidden;
  99   max-height: 600px;
 100   max-width: 800px;
 101   padding-left: 10px;
 102   padding-top: 5px;
 103   transition: max-height 0.8s, max-width 0.8s;
 104 }
 105
 106 #setup-panel.collapsed {
 107   border-top: 1px transparent;
 108   max-height: 0;
 109   max-width: 300px;
 110 }
 111
 112 section.active {
 113   background: rgb(240, 240, 255);
 114 }
 115
 116 #setup-button-strip {
 117   display: flex;
 118   flex-direction: row;
 119   justify-content: flex-end;
 120   position: relative;
 121 }
 122
 123 #setup-button-strip input:first-child {
 124   left: 0;
 125   position: absolute;
 126   top: 0;
 127 }