1.language-options { 2 display: -webkit-box; 3 margin: 10px 0; 4} 5 6.language-options-lower-left button, 7.language-options-right button { 8 min-width: 70px; 9} 10 11.language-options h3 { 12 -webkit-margin-start: 12px; 13 font-size: 100%; 14 font-weight: bold; 15 margin-top: 12px; 16} 17 18.language-options-contents { 19 -webkit-padding-start: 12px; 20 -webkit-padding-end: 12px; 21 padding-bottom: 10px; 22} 23 24.language-options-header, .language-options-footer { 25 margin: 10px 0; 26} 27 28.language-options-left, .language-options-right { 29 border: 1px solid #cccccc; 30 vertical-align: top; 31 padding: 0; 32 height: 400px; 33} 34 35.language-options-left { 36 -webkit-box-orient: vertical; 37 display: -webkit-box; 38 background-color: #ebeff9; 39 min-width: 200px; 40} 41 42.language-options-lower-left { 43 -webkit-box-flex: 0; 44 -webkit-padding-start: 12px; 45 padding-bottom: 10px; 46} 47 48.language-options-right { 49 /* To share the center line with the left pane. */ 50 -webkit-margin-start: -1px; 51 width: 360px; 52} 53 54.language-options-notification { 55 display: none; 56 background-color: #fff29e; 57 border-top: 1px solid #ccc; 58 border-bottom: 1px solid #ccc; 59 padding: 12px 30px 12px 12px; 60} 61 62#language-options-input-method-list button { 63 display: block; 64 -webkit-margin-start: 20px; 65} 66 67#language-options-input-method-list label { 68 margin: 4px 0; 69} 70 71#language-options-list { 72 -webkit-box-flex: 1; 73 padding: 1px 0 0; 74 width: 100%; 75} 76 77#language-options-list li { 78 -webkit-padding-start: 12px; 79 padding-top: 2px; 80 padding-bottom: 2px; 81} 82 83#language-options-ui-restart-button { 84 margin-top: 12px; 85} 86 87html[os=chromeos] #add-language-overlay-language-list { 88 -webkit-column-count: 2; 89 -webkit-column-gap: 20px; 90} 91 92html[os=chromeos] #add-language-overlay-cancel-button { 93 /* Place the button in the center. */ 94 display: block; 95 margin: auto; 96 margin-top: 15px; 97} 98 99html[os=chromeos] #add-language-overlay-page { 100 width: 800px; 101 padding: 20px; 102} 103 104html[os=chromeos] #add-language-overlay-page button.link-button { 105 padding: 0; 106 text-align: left; 107} 108 109html[os=chromeos] #add-language-overlay-page ul { 110 padding: 0; 111 margin: 0; 112} 113 114/* TODO(kochi): This is temporary copy from new_new_tab.css */ 115/* Notification */ 116 117#notification { 118 position: relative; 119 background-color: hsl(52, 100%, 80%); 120 border: 1px solid rgb(211, 211, 211); 121 border-radius: 6px; 122 padding: 7px 15px; 123 white-space: nowrap; 124 display: table; 125 /* Set the height and margin so that the element does not use any vertical 126 space */ 127 height: 16px; 128 margin: -44px auto 12px auto; 129 font-weight: bold; 130 opacity: 0; 131 pointer-events: none; 132 -webkit-transition: opacity .15s; 133 z-index: 1; 134 color: black; 135} 136 137#notification > * { 138 display: table-cell; 139 max-width: 500px; 140 overflow: hidden; 141 text-overflow: ellipsis; 142} 143 144#notification.show { 145 opacity: 1; 146 pointer-events: all; 147 -webkit-transition: opacity 1s; 148} 149 150#notification .link { 151 cursor: pointer; 152 text-decoration: underline; 153 -webkit-appearance: none; 154 border: 0; 155 background: none; 156 color: rgba(0, 102, 204, 0.3); 157 -webkit-padding-start: 20px; 158} 159 160#notification .link-color { 161 color: rgb(0, 102, 204); 162} 163 164#chewing-max-chi-symbol-len { 165 width: 100px; 166 height: 30%; 167} 168 169#add-language-overlay-page .content-area { 170 padding-bottom: 10px; 171} 172