| OLD | NEW |
| 1 .language-options { | 1 .language-options { |
| 2 display: -webkit-box; | 2 display: -webkit-box; |
| 3 margin: 15px; | 3 margin: 15px; |
| 4 } | 4 } |
| 5 | 5 |
| 6 .language-options button { | 6 .language-options button { |
| 7 min-width: 70px; | 7 min-width: 70px; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .language-options h3 { | 10 .language-options h3 { |
| 11 -webkit-margin-start: 12px; | 11 -webkit-margin-start: 12px; |
| 12 font-size: 75%; | 12 font-size: 100%; |
| 13 font-weight: bold; | 13 font-weight: bold; |
| 14 margin-top: 12px; | 14 margin-top: 12px; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .language-options label { | 17 .language-options label { |
| 18 display: block; | 18 display: block; |
| 19 } | 19 } |
| 20 | 20 |
| 21 .language-options-contents { | 21 .language-options-contents { |
| 22 -webkit-padding-start: 12px; | 22 -webkit-padding-start: 12px; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 display: block; | 66 display: block; |
| 67 -webkit-margin-start: 20px; | 67 -webkit-margin-start: 20px; |
| 68 } | 68 } |
| 69 | 69 |
| 70 #language-options-input-method-list label { | 70 #language-options-input-method-list label { |
| 71 margin: 4px 0; | 71 margin: 4px 0; |
| 72 } | 72 } |
| 73 | 73 |
| 74 #language-options-list { | 74 #language-options-list { |
| 75 -webkit-box-flex: 1; | 75 -webkit-box-flex: 1; |
| 76 padding: 0; | 76 padding: 1px 0 0; |
| 77 width: 100%; | 77 width: 100%; |
| 78 } | 78 } |
| 79 | 79 |
| 80 #language-options-list li { | 80 #language-options-list li { |
| 81 -webkit-padding-start: 12px; | 81 -webkit-padding-start: 12px; |
| 82 padding-top: 2px; | 82 padding-top: 2px; |
| 83 padding-bottom: 2px; | 83 padding-bottom: 2px; |
| 84 } | 84 } |
| 85 | 85 |
| 86 #language-options-ui-restart-button { | 86 #language-options-ui-restart-button { |
| 87 margin-top: 12px; | 87 margin-top: 12px; |
| 88 } | 88 } |
| 89 | 89 |
| 90 #add-language-overlay-language-list { | 90 #add-language-overlay-language-list[os=chromeos] { |
| 91 -webkit-column-count: 2; | 91 -webkit-column-count: 2; |
| 92 -webkit-column-gap: 20px; | 92 -webkit-column-gap: 20px; |
| 93 } | 93 } |
| 94 | 94 |
| 95 #add-language-overlay-cancel-button { | 95 #add-language-overlay-cancel-button[os=chromeos] { |
| 96 /* Place the button in the center. */ | 96 /* Place the button in the center. */ |
| 97 display: block; | 97 display: block; |
| 98 margin: auto; | 98 margin: auto; |
| 99 margin-top: 15px; | 99 margin-top: 15px; |
| 100 } | 100 } |
| 101 | 101 |
| 102 #add-language-overlay-page { | 102 #add-language-overlay-page[os=chromeos] { |
| 103 width: 800px; | 103 width: 800px; |
| 104 } | 104 } |
| 105 | 105 |
| 106 #add-language-overlay-page button { | 106 #add-language-overlay-page[os=chromeos] button { |
| 107 padding: 0; | 107 padding: 0; |
| 108 text-align: left; | 108 text-align: left; |
| 109 } | 109 } |
| 110 | 110 |
| 111 #add-language-overlay-page ul { | 111 #add-language-overlay-page[os=chromeos] ul { |
| 112 padding: 0; | 112 padding: 0; |
| 113 margin: 0; | 113 margin: 0; |
| 114 } | 114 } |
| 115 |
| 115 /* TODO(kochi): This is temporary copy from new_new_tab.css */ | 116 /* TODO(kochi): This is temporary copy from new_new_tab.css */ |
| 116 /* Notification */ | 117 /* Notification */ |
| 117 | 118 |
| 118 #notification { | 119 #notification { |
| 119 position: relative; | 120 position: relative; |
| 120 background-color: hsl(52, 100%, 80%); | 121 background-color: hsl(52, 100%, 80%); |
| 121 border: 1px solid rgb(211, 211, 211); | 122 border: 1px solid rgb(211, 211, 211); |
| 122 border-radius: 6px; | 123 border-radius: 6px; |
| 123 padding: 7px 15px; | 124 padding: 7px 15px; |
| 124 white-space: nowrap; | 125 white-space: nowrap; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 159 } | 160 } |
| 160 | 161 |
| 161 #notification .link-color { | 162 #notification .link-color { |
| 162 color: rgb(0, 102, 204); | 163 color: rgb(0, 102, 204); |
| 163 } | 164 } |
| 164 | 165 |
| 165 #chewing-max-chi-symbol-len { | 166 #chewing-max-chi-symbol-len { |
| 166 width: 100px; | 167 width: 100px; |
| 167 height: 30%; | 168 height: 30%; |
| 168 } | 169 } |
| OLD | NEW |