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<if expr="is_macosx"> 126.language-options[enabled='false'] #language-options-details { 127 display: none; 128} 129 130.language-options[enabled='false'] #language-options-languages { 131 background-color: transparent !important; 132} 133</if> 134 135/* TODO(kochi): This is temporary copy from new_tab.css */ 136/* Notification */ 137 138#notification { 139 -webkit-transition: opacity 150ms; 140 background-color: hsl(52, 100%, 80%); 141 border: 1px solid rgb(211, 211, 211); 142 border-radius: 6px; 143 color: black; 144 display: table; 145 font-weight: bold; 146 /* Set the height and margin so that the element does not use any vertical 147 space. */ 148 height: 16px; 149 margin: -44px auto 12px auto; 150 opacity: 0; 151 padding: 7px 15px; 152 pointer-events: none; 153 position: relative; 154 white-space: nowrap; 155 z-index: 1; 156} 157 158#notification > * { 159 display: table-cell; 160 max-width: 500px; 161 overflow: hidden; 162 text-overflow: ellipsis; 163} 164 165#notification.show { 166 -webkit-transition: opacity 1s; 167 opacity: 1; 168 pointer-events: all; 169} 170 171#notification .link { 172 -webkit-appearance: none; 173 -webkit-padding-start: 20px; 174 background: none; 175 border: 0; 176 color: rgba(0, 102, 204, 0.3); 177 cursor: pointer; 178 text-decoration: underline; 179} 180 181#notification .link-color { 182 color: rgb(0, 102, 204); 183} 184 185#chewing-max-chi-symbol-len { 186 height: 30%; 187 width: 100px; 188} 189 190#add-language-overlay-page .content-area { 191 padding-bottom: 10px; 192} 193 194/* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */ 195#add-language-overlay-language-list { 196 width: -webkit-calc(100% - 4px); 197} 198 199.standalone-link-button { 200 padding: 0; 201} 202