chrome/browser/resources/metroize/metroize.css - Issue 10539169: Prototype version of the first-run dialog for Windows 8

Side by Side Diff: chrome/browser/resources/metroize/metroize.css

Issue 10539169: Prototype version of the first-run dialog for Windows 8 (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: An oops. Created 8 years, 6 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

« chrome/browser/external_protocol/external_protocol_handler.cc ('K') | « chrome/browser/first_run/first_run_win.cc ('k') | chrome/browser/resources/metroize/metroize.html » ('j') | chrome/browser/ui/startup/default_browser_prompt_win.cc » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.

	2 * Use of this source code is governed by a BSD-style license that can be

	3 * found in the LICENSE file. */

	4

	5 /* The main (outer) container. */

	6 #metro-setup-outer-container {

	7 -webkit-box-align: center;

	8 -webkit-box-orient: vertical;

	9 -webkit-box-pack: center;

	10 -webkit-transition: 200ms opacity;

	11 background-color: rgba(255, 255, 255, 0.75);

	12 bottom: 0;

	13 display: -webkit-box;

	14 left: 0;

	15 overflow: auto;

	16 padding: 20px;

	17 position: fixed;

	18 right: 0;

	19 top: 0;

	20 }

	21

	22 /* The page block within the outer container. */

	23 #metro-setup-outer-container .page {

	24 -webkit-border-radius: 3px;

	25 -webkit-box-orient: vertical;

	26 -webkit-user-select: none;

	27 background: white;

	28 background-color: white;

	29 color: #333;

	30 display: -webkit-box;

	31 margin-bottom: 6px;

	32 margin-top: 6px;

	33 min-width: 400px;

	34 padding: 0;

	35 position: relative;

	36 width: 400px;

	37 }

	38

	39 #metro-setup-outer-container .page .content-area {

	40 -webkit-box-flex: 1;

	41 overflow: auto;

	42 padding: 6px 17px 26px;

	43 }

	44

	45 #metro-setup-overlay {

	46 background-color: transparent;

	47 margin: 0;

	48 width: 100%;

	49 }

	50

	51 /* Page Title. */

	52 #metro-title-container {

	53 display: block;

	54 margin: 37px 44px 35px;

	55 text-align: center;

	56 }

	57

	58 #metro-setup-outer-container .page h1 {

	59 border-bottom: 0;

	60 color: rgb(34, 34, 34);

	61 font-size: 340%;

	62 font-weight: normal;

	63 margin: 0;

	64 padding-bottom: 0;

	65 padding-top: 13px;

	66 text-align: center;

	67 }

	68

	69 #metro-setup-outer-container .page h2 {

	70 border-bottom: 0;

	71 color: rgb(102, 102, 102);

	72 font-size: 160%;

	73 font-weight: normal;

	74 text-align: center;

	75 }

	76

	77 #metro-setup-overlay * .content-area {

	78 padding: 10px 15px;

	79 text-align: right;

	80 }

	81

	82 /* Action buttons. */

	83 #metro-action-box button {

	84 -webkit-margin-end: 0.4em;

	85 -webkit-margin-start: 0;

	86 -webkit-transition: all 218ms;

	87 -webkit-user-select: none;

	88

	89 border-radius: 2px;

	90 display: inline-block;

	91 font-size: 13px;

	92 height: 32px;

	93 line-height: 27px;

	94 margin-top: 0;

	95 min-width: 80px;

	96 }

	97

	98 #metro-action-box button:hover {

	99 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

	100 -webkit-transition: all 0;

	101 }

	102

	103 #metro-action-box button:focus {

	104 -webkit-box-shadow: inset 0 0 0 1px white;

	105 outline: none;

	106 z-index: 4 !important;

	107 }

	108

	109 #metro-action-box button:active,

	110 #metro-action-box button:focus:active {

	111 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);

	112 }

	113

	114 #metro-action-box button:focus:hover {

	115 -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1);

	116 }

	117

	118 #metro-action-box button[disabled],

	119 #metro-action-box button[disabled]:hover,

	120 #metro-action-box button[disabled]:active {

	121 -webkit-box-shadow: none;

	122 background-color: rgb(77, 144, 254);

	123 border: 1px solid rgb(48, 121, 237);

	124 color: white;

	125 opacity: 0.5;

	126 }

	127

	128 /* Launch button has a special look-and-feel. */

	129 #metro-action-box #launch-button {

	130 background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),

	131 rgb(71, 135, 237));

	132 border: 1px solid rgb(48, 121, 237);

	133 color: white;

	134 font-weight: bold;

	135 }

	136

	137 #metro-action-box #launch-button:hover {

	138 background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),

	139 rgb(53, 122, 232));

	140 border-color: rgb(47, 91, 183);

	141 color: white;

	142 }

	143

	144 #metro-action-box #launch-button:focus {

	145 border-color: rgb(77, 144, 254);

	146 outline: none;

	147 z-index: 4 !important;

	148 }

	149

	150 #metro-action-box #return-button {

	151 margin-left: 30px;

	152 margin-right: auto;

	153 }

	154

	155 .button-strip {

	156 padding: 7px;

	157 }

OLD	NEW