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

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: code review 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
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/oobe_screen_network.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/oobe_screen_network.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698