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 |