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 margin: 10px 0; 42 } 43 44 #language-options-languages, 45 #language-options-details { 46 border: 1px solid #ccc; 47 height: 400px; 48 padding: 0; 49 vertical-align: top; 50 } 51 52 #language-options-languages { 53 -webkit-box-orient: vertical; 54 background-color: rgb(235, 239, 249); 55 display: -webkit-box; 56 width: 300px; 57 } 58 59 .language-options-lower-left { 60 -webkit-box-flex: 0; 61 -webkit-padding-start: 12px; 62 padding-bottom: 10px; 63 } 64 65 #language-options-details { 66 -webkit-box-flex: 1; 67 /* To share the center line with the left pane. */ 68 -webkit-margin-start: -1px; 69 overflow-y: auto; 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 } 197