src/chrome/browser/resources/options/language_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 .language-options {
   6   display: -webkit-box;
   7   margin: 10px 0;
   8 }
   9
  10 .language-options-lower-left button,
  11 #language-options-details button {
  12   min-width: 70px;
  13 }
  14
  15 .language-options h3 {
  16   -webkit-margin-start: 12px;
  17   font-size: 100%;
  18   font-weight: bold;
  19   margin-bottom: 12px;
  20   margin-top: 12px;
  21 }
  22
  23 .language-options-contents  {
  24   min-height: 28px;
  25   padding: 0 12px 4px;
  26 }
  27
  28 .language-options-contents > span:not(.input-method-label) {
  29   display: inline-block;
  30   margin: 1px;
  31   padding: 0.42em 10px;
  32 }
  33
  34 .language-options-header,
  35 .language-options-footer {
  36   line-height: 1.2em;
  37   margin: 10px 0;
  38 }
  39
  40 #language-options-languages,
  41 #language-options-details {
  42   border: 1px solid #ccc;
  43   height: 400px;
  44   padding: 0;
  45   vertical-align: top;
  46 }
  47
  48 #language-options-languages {
  49   -webkit-box-orient: vertical;
  50   background-color: rgb(235, 239, 249);
  51   display: -webkit-box;
  52   width: 300px;
  53 }
  54
  55 .language-options-lower-left {
  56   -webkit-box-flex: 0;
  57   -webkit-padding-start: 12px;
  58   padding-bottom: 10px;
  59 }
  60
  61 #language-options-details {
  62   /* To share the center line with the left pane. */
  63   -webkit-margin-start: -1px;
  64   width: 360px;
  65 }
  66
  67 #language-options-details h3:not(:first-of-type) {
  68   margin-top: 24px;
  69 }
  70
  71 .language-options-notification  {
  72   background-color: rgb(255, 247, 193);
  73   margin: 0 0 4px;
  74   padding: 8px 30px 8px 12px;
  75 }
  76
  77 .language-options-notification > div {
  78   margin-bottom: 4px;
  79 }
  80
  81 #language-options-input-method-list button {
  82   -webkit-margin-start: 20px;
  83   display: block;
  84   /* Same margin as .settings-row. */
  85   margin-bottom: 0.65em;
  86   margin-top: 0.65em;
  87 }
  88
  89 #language-options-list {
  90   -webkit-box-flex: 1;
  91   outline: none;
  92   padding: 0;
  93   width: 100%;
  94 }
  95
  96 #language-options-list .language-name {
  97   -webkit-box-flex: 1;
  98   overflow: hidden;
  99   text-overflow: ellipsis;
 100   white-space: nowrap;
 101 }
 102
 103 #language-options-list li {
 104   -webkit-padding-start: 12px;
 105   padding-bottom: 2px;
 106   padding-top: 2px;
 107 }
 108
 109 #language-options-list-dropmarker {
 110   background-clip: padding-box;
 111   background-color: hsl(214, 91%, 65%);
 112   border: 3px solid hsl(214, 91%, 65%);
 113   border-bottom-color: transparent;
 114   border-radius: 0;
 115   border-top-color: transparent;
 116   box-sizing: border-box;
 117   display: none;
 118   height: 8px;
 119   overflow: hidden;
 120   pointer-events: none;
 121   position: fixed;
 122   z-index: 10;
 123 }
 124
 125 /* TODO(kochi): This is temporary copy from new_tab.css */
 126 /* Notification */
 127
 128 #notification {
 129   -webkit-transition: opacity 150ms;
 130   background-color: hsl(52, 100%, 80%);
 131   border: 1px solid rgb(211, 211, 211);
 132   border-radius: 6px;
 133   color: black;
 134   display: table;
 135   font-weight: bold;
 136   /* Set the height and margin so that the element does not use any vertical
 137     space. */
 138   height: 16px;
 139   margin: -44px auto 12px auto;
 140   opacity: 0;
 141   padding: 7px 15px;
 142   pointer-events: none;
 143   position: relative;
 144   white-space: nowrap;
 145   z-index: 1;
 146 }
 147
 148 #notification > * {
 149   display: table-cell;
 150   max-width: 500px;
 151   overflow: hidden;
 152   text-overflow: ellipsis;
 153 }
 154
 155 #notification.show {
 156   -webkit-transition: opacity 1s;
 157   opacity: 1;
 158   pointer-events: all;
 159 }
 160
 161 #notification .link {
 162   -webkit-appearance: none;
 163   -webkit-padding-start: 20px;
 164   background: none;
 165   border: 0;
 166   color: rgba(0, 102, 204, 0.3);
 167   cursor: pointer;
 168   text-decoration: underline;
 169 }
 170
 171 #notification .link-color {
 172   color: rgb(0, 102, 204);
 173 }
 174
 175 #chewing-max-chi-symbol-len {
 176   height: 30%;
 177   width: 100px;
 178 }
 179
 180 #add-language-overlay-page .content-area {
 181   padding-bottom: 10px;
 182 }
 183
 184 /* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */
 185 #add-language-overlay-language-list {
 186   width: -webkit-calc(100% - 4px);
 187 }
 188
 189 .standalone-link-button {
 190   padding: 0;
 191 }