| OLD | NEW |
| 1 .language-options { | 1 .language-options { |
| 2 display: -webkit-box; | 2 display: -webkit-box; |
| 3 margin: 10px 0; | 3 margin: 10px 0; |
| 4 } | 4 } |
| 5 | 5 |
| 6 .language-options-lower-left button, | 6 .language-options-lower-left button, |
| 7 .language-options-right button { | 7 .language-options-right button { |
| 8 min-width: 70px; | 8 min-width: 70px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 111 overflow: hidden; | 111 overflow: hidden; |
| 112 pointer-events: none; | 112 pointer-events: none; |
| 113 position: fixed; | 113 position: fixed; |
| 114 z-index: 10; | 114 z-index: 10; |
| 115 } | 115 } |
| 116 | 116 |
| 117 #language-options-ui-restart-button { | 117 #language-options-ui-restart-button { |
| 118 margin-top: 12px; | 118 margin-top: 12px; |
| 119 } | 119 } |
| 120 | 120 |
| 121 <if expr="not pp_ifdef('touchui')"> | 121 /* |
| 122 * In ChromeOS we present the language choices as a big page of links. |
| 123 */ |
| 124 |
| 122 html[os=chromeos] #add-language-overlay-language-list { | 125 html[os=chromeos] #add-language-overlay-language-list { |
| 123 -webkit-column-count: 2; | 126 -webkit-column-count: 2; |
| 124 -webkit-column-gap: 20px; | 127 -webkit-column-gap: 20px; |
| 125 } | 128 } |
| 126 | 129 |
| 127 html[os=chromeos] #add-language-overlay-cancel-button { | 130 html[os=chromeos] #add-language-overlay-cancel-button { |
| 128 /* Place the button in the center. */ | 131 /* Place the button in the center. */ |
| 129 display: block; | 132 display: block; |
| 130 margin: auto; | 133 margin: auto; |
| 131 margin-top: 15px; | 134 margin-top: 15px; |
| 132 } | 135 } |
| 133 | 136 |
| 134 html[os=chromeos] #add-language-overlay-page { | 137 html[os=chromeos] #add-language-overlay-page { |
| 135 width: 800px; | 138 width: 800px; |
| 136 padding: 20px; | 139 padding: 20px; |
| 137 } | 140 } |
| 138 | 141 |
| 139 html[os=chromeos] #add-language-overlay-page button.link-button { | 142 html[os=chromeos] #add-language-overlay-page button.link-button { |
| 140 padding: 0; | 143 padding: 0; |
| 141 text-align: left; | 144 text-align: left; |
| 142 } | 145 } |
| 143 | 146 |
| 144 html[os=chromeos] #add-language-overlay-page ul { | 147 html[os=chromeos] #add-language-overlay-page ul { |
| 145 padding: 0; | 148 padding: 0; |
| 146 margin: 0; | 149 margin: 0; |
| 147 } | 150 } |
| 148 </if> | |
| 149 | 151 |
| 150 /* TODO(kochi): This is temporary copy from new_tab.css */ | 152 /* TODO(kochi): This is temporary copy from new_tab.css */ |
| 151 /* Notification */ | 153 /* Notification */ |
| 152 | 154 |
| 153 #notification { | 155 #notification { |
| 154 position: relative; | 156 position: relative; |
| 155 background-color: hsl(52, 100%, 80%); | 157 background-color: hsl(52, 100%, 80%); |
| 156 border: 1px solid rgb(211, 211, 211); | 158 border: 1px solid rgb(211, 211, 211); |
| 157 border-radius: 6px; | 159 border-radius: 6px; |
| 158 padding: 7px 15px; | 160 padding: 7px 15px; |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 218 | 220 |
| 219 button[disabled].text-button, | 221 button[disabled].text-button, |
| 220 button[disabled].text-button:active, | 222 button[disabled].text-button:active, |
| 221 button[disabled].text-button:focus, | 223 button[disabled].text-button:focus, |
| 222 button[disabled].text-button:hover { | 224 button[disabled].text-button:hover { |
| 223 -webkit-box-shadow: none; | 225 -webkit-box-shadow: none; |
| 224 background: transparent none; | 226 background: transparent none; |
| 225 border-color: transparent; | 227 border-color: transparent; |
| 226 color: #AAA; | 228 color: #AAA; |
| 227 } | 229 } |
| OLD | NEW |