| 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 body { | 8 body { |
| 9 background: -webkit-gradient(radial, center center, 0, center center, 400, | 9 background: -webkit-gradient(radial, center center, 0, center center, 400, |
| 10 from(#fefefe), to(#efefef)); | 10 from(#fefefe), to(#efefef)); |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 | 150 |
| 151 .progdot-active { | 151 .progdot-active { |
| 152 opacity: 0.5; | 152 opacity: 0.5; |
| 153 } | 153 } |
| 154 | 154 |
| 155 .control-with-label { | 155 .control-with-label { |
| 156 margin: 10px 0 10px 0; | 156 margin: 10px 0 10px 0; |
| 157 display: -webkit-box; | 157 display: -webkit-box; |
| 158 } | 158 } |
| 159 | 159 |
| 160 .label { | |
| 161 margin: 5px 5px 5px 0; | |
| 162 padding: 5px 5px 5px 0; | |
| 163 width: 170px; | |
| 164 } | |
| 165 | |
| 166 .menu-area { | 160 .menu-area { |
| 167 margin: 5px 5px 5px 5px; | 161 margin: 5px 5px 5px 5px; |
| 168 } | 162 } |
| 169 | 163 |
| 170 .menu-control { | 164 .menu-control { |
| 171 width: 250px; | 165 width: 250px; |
| 172 } | 166 } |
| 173 | 167 |
| 168 .label { |
| 169 margin: 5px 5px 5px 0; |
| 170 padding: 5px 5px 5px 0; |
| 171 width: 170px; |
| 172 } |
| 173 |
| 174 #connect { | 174 #connect { |
| 175 box-sizing: border-box; | 175 box-sizing: border-box; |
| 176 padding: 60px 0 0 145px; | 176 padding: 60px 0 0 145px; |
| 177 } | 177 } |
| 178 | 178 |
| 179 #logging { | 179 #logging { |
| 180 clear: both; | 180 clear: both; |
| 181 font-size: small; | 181 font-size: small; |
| 182 margin-top: 20px; | 182 margin-top: 20px; |
| 183 } | 183 } |
| (...skipping 361 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 545 height: 24px; | 545 height: 24px; |
| 546 margin: 0; | 546 margin: 0; |
| 547 overflow: hidden; | 547 overflow: hidden; |
| 548 padding-top: 2px; | 548 padding-top: 2px; |
| 549 padding-bottom: 2px; | 549 padding-bottom: 2px; |
| 550 text-overflow: ellipsis; | 550 text-overflow: ellipsis; |
| 551 text-align: left; | 551 text-align: left; |
| 552 text-indent: 4px; | 552 text-indent: 4px; |
| 553 white-space: nowrap; | 553 white-space: nowrap; |
| 554 width: 250px; | 554 width: 250px; |
| 555 z-index: 10; |
| 555 } | 556 } |
| 556 | 557 |
| 557 .dropdown-title:hover { | 558 .dropdown-title:hover { |
| 558 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | 559 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); |
| 559 background-image: url('../../shared/images/select.png'), | 560 background-image: url('../../shared/images/select.png'), |
| 560 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); | 561 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); |
| 561 color: #333; | 562 color: #333; |
| 562 background-position: center right; | 563 background-position: center right; |
| 563 background-repeat: no-repeat; | 564 background-repeat: no-repeat; |
| 564 } | 565 } |
| 565 | 566 |
| 566 .dropdown-title:active { | 567 .dropdown-title:active { |
| 567 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); | 568 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); |
| 568 background-image: url('../../shared/images/select.png'), | 569 background-image: url('../../shared/images/select.png'), |
| 569 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); | 570 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); |
| 570 color: #444; | 571 color: #444; |
| 571 } | 572 } |
| 572 | 573 |
| 573 .dropdown-container { | 574 .dropdown-container { |
| 574 background: #f7f7f7; | 575 background: #f7f7f7; |
| 575 border: 1px solid #7c91bf; | 576 border: 1px solid #7c91bf; |
| 576 padding-bottom: 2px; | 577 padding-bottom: 2px; |
| 577 padding-top: 2px; | 578 padding-top: 2px; |
| 578 position: relative; | 579 position: relative; |
| 579 top: 100%; | 580 top: 100%; |
| 580 width: 248px; | 581 width: 248px; |
| 581 z-index: 1; | 582 z-index: 10; |
| 582 } | 583 } |
| 583 | 584 |
| 584 .dropdown-item-container { | 585 .dropdown-item-container { |
| 585 display: -webkit-box; | 586 display: -webkit-box; |
| 586 height: 24px; | 587 height: 24px; |
| 587 padding-left: 5px; | 588 padding-left: 5px; |
| 588 } | 589 } |
| 589 | 590 |
| 590 .dropdown-item-container:hover { | 591 .dropdown-item-container.hover { |
| 591 background: #dce4fa; | 592 background: #dce4fa; |
| 592 } | 593 } |
| 593 | 594 |
| 594 .dropdown-image { | 595 .dropdown-image { |
| 595 width: 24px; | 596 width: 24px; |
| 596 } | 597 } |
| 597 | 598 |
| 598 .dropdown-item { | 599 .dropdown-item { |
| 599 cursor: default; | 600 cursor: default; |
| 600 color: #555; | 601 color: #555; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 640 #version-labels { | 641 #version-labels { |
| 641 -webkit-transition: all .5s linear; | 642 -webkit-transition: all .5s linear; |
| 642 bottom: 10px; | 643 bottom: 10px; |
| 643 color: #999; | 644 color: #999; |
| 644 font-size: 11px; | 645 font-size: 11px; |
| 645 left: 10px; | 646 left: 10px; |
| 646 opacity: 1.0; | 647 opacity: 1.0; |
| 647 position: absolute; | 648 position: absolute; |
| 648 text-shadow: 0 1px 1px #fff; | 649 text-shadow: 0 1px 1px #fff; |
| 649 } | 650 } |
| 651 |
| 652 .dropdown-overlay { |
| 653 position: fixed; |
| 654 top: 0; |
| 655 bottom: 0; |
| 656 right: 0; |
| 657 left: 0; |
| 658 z-index: 5; |
| 659 } |
| OLD | NEW |