OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 * | 4 * |
5 * This is the stylesheet used by the Out of the box experience (OOBE) flow. | 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow. |
6 */ | 6 */ |
7 | 7 |
8 html, | 8 html, |
9 body { | 9 body { |
10 height: 100%; | 10 height: 100%; |
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
153 width: 8px; | 153 width: 8px; |
154 } | 154 } |
155 | 155 |
156 .progdot-active { | 156 .progdot-active { |
157 opacity: 0.5; | 157 opacity: 0.5; |
158 } | 158 } |
159 | 159 |
160 .control-with-label { | 160 .control-with-label { |
161 margin: 10px 0 10px 0; | 161 margin: 10px 0 10px 0; |
162 display: -webkit-box; | 162 display: -webkit-box; |
163 } | 163 -webkit-box-align: start; |
164 | |
165 .label { | |
166 margin: 5px 5px 5px 0; | |
167 padding: 5px 5px 5px 0; | |
168 width: 170px; | |
169 } | 164 } |
170 | 165 |
171 .menu-area { | 166 .menu-area { |
172 margin: 5px 5px 5px 5px; | 167 margin: 5px 5px 5px 5px; |
173 } | 168 } |
174 | 169 |
175 .menu-control { | 170 .menu-control { |
176 width: 250px; | 171 width: 250px; |
177 } | 172 } |
178 | 173 |
| 174 .label { |
| 175 margin: 5px 5px 5px 0; |
| 176 padding: 5px 5px 5px 0; |
| 177 width: 170px; |
| 178 } |
| 179 |
179 #connect { | 180 #connect { |
180 box-sizing: border-box; | 181 box-sizing: border-box; |
181 padding: 60px 0 0 145px; | 182 padding: 60px 0 0 145px; |
182 } | 183 } |
183 | 184 |
184 #logging { | 185 #logging { |
185 clear: both; | 186 clear: both; |
186 font-size: small; | 187 font-size: small; |
187 margin-top: 20px; | 188 margin-top: 20px; |
188 } | 189 } |
(...skipping 364 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
553 height: 24px; | 554 height: 24px; |
554 margin: 0; | 555 margin: 0; |
555 overflow: hidden; | 556 overflow: hidden; |
556 padding-top: 2px; | 557 padding-top: 2px; |
557 padding-bottom: 2px; | 558 padding-bottom: 2px; |
558 text-overflow: ellipsis; | 559 text-overflow: ellipsis; |
559 text-align: left; | 560 text-align: left; |
560 text-indent: 4px; | 561 text-indent: 4px; |
561 white-space: nowrap; | 562 white-space: nowrap; |
562 width: 250px; | 563 width: 250px; |
| 564 z-index: 10; |
563 } | 565 } |
564 | 566 |
565 .dropdown-title:hover { | 567 .dropdown-title:hover { |
566 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | 568 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); |
567 background-image: url('../../shared/images/select.png'), | 569 background-image: url('../../shared/images/select.png'), |
568 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); | 570 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); |
569 color: #333; | 571 color: #333; |
570 background-position: center right; | 572 background-position: center right; |
571 background-repeat: no-repeat; | 573 background-repeat: no-repeat; |
572 } | 574 } |
573 | 575 |
574 .dropdown-title:active { | 576 .dropdown-title:active { |
575 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); | 577 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); |
576 background-image: url('../../shared/images/select.png'), | 578 background-image: url('../../shared/images/select.png'), |
577 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); | 579 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); |
578 color: #444; | 580 color: #444; |
579 } | 581 } |
580 | 582 |
581 .dropdown-container { | 583 .dropdown-container { |
582 background: #f7f7f7; | 584 background: #f7f7f7; |
583 border: 1px solid #7c91bf; | 585 border: 1px solid #7c91bf; |
584 padding-bottom: 2px; | 586 padding-bottom: 2px; |
585 padding-top: 2px; | 587 padding-top: 2px; |
586 position: relative; | 588 position: relative; |
587 top: 100%; | 589 top: 100%; |
588 width: 248px; | 590 width: 248px; |
589 z-index: 1; | 591 z-index: 10; |
590 } | 592 } |
591 | 593 |
592 .dropdown-item-container { | 594 .dropdown-item-container { |
593 display: -webkit-box; | 595 display: -webkit-box; |
594 height: 24px; | 596 height: 24px; |
595 padding-left: 5px; | 597 padding-left: 5px; |
596 } | 598 } |
597 | 599 |
598 .dropdown-item-container:hover { | 600 .dropdown-item-container.hover { |
599 background: #dce4fa; | 601 background: #dce4fa; |
600 } | 602 } |
601 | 603 |
602 .dropdown-image { | 604 .dropdown-image { |
603 width: 24px; | 605 width: 24px; |
604 } | 606 } |
605 | 607 |
606 .dropdown-item { | 608 .dropdown-item { |
607 cursor: default; | 609 cursor: default; |
608 color: #555; | 610 color: #555; |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
648 #version-labels { | 650 #version-labels { |
649 -webkit-transition: all .5s linear; | 651 -webkit-transition: all .5s linear; |
650 bottom: 10px; | 652 bottom: 10px; |
651 color: #999; | 653 color: #999; |
652 font-size: 11px; | 654 font-size: 11px; |
653 left: 10px; | 655 left: 10px; |
654 opacity: 1.0; | 656 opacity: 1.0; |
655 position: absolute; | 657 position: absolute; |
656 text-shadow: 0 1px 1px #fff; | 658 text-shadow: 0 1px 1px #fff; |
657 } | 659 } |
| 660 |
| 661 .dropdown-overlay { |
| 662 bottom: 0; |
| 663 left: 0; |
| 664 position: fixed; |
| 665 right: 0; |
| 666 top: 0; |
| 667 z-index: 5; |
| 668 } |
OLD | NEW |