| 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 |