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