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