Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(618)

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe.css

Issue 7550070: Makes the network dropdown keyboard accessible (focus friendly). (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698