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

Side by Side Diff: components/flags_ui/resources/apple_flags.css

Issue 1500533002: Upstream chrome://flags & chrome://ui-alternatives iOS WebUI. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add components/flags_ui/resources/apple_flags.css to PRESUBMIT blacklist Created 5 years 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
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 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 body { 5 body {
6 margin: 10px 10px 0; 6 margin: 10px 10px 0;
7 <if expr="not is_android and not is_ios"> 7 <if expr="not is_android and not is_ios">
8 min-width: 47em; 8 min-width: 47em;
9 </if> 9 </if>
10 /* Should be larger than the evaluated height of needs-restart. */ 10 /* Should match needs-restart.height + 5 */
11 padding-bottom: 100px; 11 padding-bottom: 75px;
12 } 12 }
13 13
14 a { 14 a {
15 color: blue; 15 color: blue;
16 font-size: 103%; 16 font-size: 103%;
17 } 17 }
18 18
19 .permalink { 19 .permalink {
20 color: #A0A0A0; 20 color: #A0A0A0;
21 } 21 }
22 22
23 #header { 23 #header {
24 -webkit-padding-start: 55px; 24 -webkit-padding-start: 75px;
25 background: url(../../../ui/webui/resources/images/hazard.svg) 25 box-sizing: border-box;
26 left center / 48px no-repeat; 26 display: table;
27 line-height: 48px;
28 margin-bottom: 1.05em; 27 margin-bottom: 1.05em;
28 /* 67px is the height of the header's image. */
29 min-height: 67px;
30 overflow: hidden;
31 position: relative;
29 } 32 }
30 33
31 #title-spacer { 34 #title-spacer {
32 display: table-cell; 35 display: table-cell;
33 vertical-align: middle; 36 vertical-align: middle;
34 } 37 }
35 38
36 html[dir=rtl] #header { 39 html[dir=rtl] #header {
37 background-position: right center; 40 background-position: right center;
38 } 41 }
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
100 .wbox { 103 .wbox {
101 -webkit-box-align: stretch; 104 -webkit-box-align: stretch;
102 -webkit-box-flex: 1; 105 -webkit-box-flex: 1;
103 display: -webkit-box; 106 display: -webkit-box;
104 } 107 }
105 108
106 #top { 109 #top {
107 -webkit-padding-end: 5px; 110 -webkit-padding-end: 5px;
108 } 111 }
109 112
110 /* Default and unsupported experiments display grey text on a grey background. 113 /* Disabled and unsupported experiments display grey text on a grey background.
111 The title, however, should remain legible. */ 114 The title, however, should remain legible. */
112 115
113 .experiment-unsupported > td, 116 .experiment-unsupported > td,
114 .experiment-default > td { 117 .experiment-disabled > td {
115 background: #F0F0F0; 118 background: #F0F0F0;
116 color: #A0A0A0; 119 color: #A0A0A0;
117 } 120 }
118 121
119 .experiment-unsupported .experiment-name, 122 .experiment-unsupported .experiment-name,
120 .experiment-default .experiment-name { 123 .experiment-disabled .experiment-name {
121 color: #000; 124 color: #000;
122 } 125 }
123 126
124 .experiment { 127 .experiment {
125 border-bottom: 1px solid #cdcdcd; 128 border-bottom: 1px solid #cdcdcd;
126 } 129 }
127 130
128 .experiment td { 131 .experiment td {
129 padding-bottom: 4px; 132 padding-bottom: 4px;
130 padding-top: 5px; 133 padding-top: 5px;
(...skipping 13 matching lines...) Expand all
144 } 147 }
145 148
146 /* Match the indentation of .experiment-text. */ 149 /* Match the indentation of .experiment-text. */
147 .experiment-actions { 150 .experiment-actions {
148 -webkit-padding-start: 5px; 151 -webkit-padding-start: 5px;
149 margin-bottom: 0.2em; 152 margin-bottom: 0.2em;
150 margin-top: 0.2em; 153 margin-top: 0.2em;
151 } 154 }
152 155
153 div.needs-restart { 156 div.needs-restart {
154 /* If you modify properties that change the height of this,
155 * update body.padding-bottom. */
156 background: #FFF; 157 background: #FFF;
157 border-top: 1px solid rgb(181, 199, 222); 158 border-top: 1px solid rgb(181, 199, 222);
158 bottom: 0; 159 bottom: 0;
159 box-shadow: 0 -2px 2px #ddd;
160 box-sizing: border-box; 160 box-sizing: border-box;
161 /* If you change this, update body.padding-bottom */
162 height: 70px;
161 left: 0; 163 left: 0;
162 padding-bottom: 15px; 164 padding-bottom: 25px;
163 padding-left: 15px; 165 padding-left: 15px;
164 padding-right: 15px; 166 padding-right: 15px;
165 padding-top: 15px; 167 padding-top: 15px;
166 position: fixed; 168 position: fixed;
167 width: 100%; 169 width: 100%;
168 } 170 }
169 171
170 .experiment-restart-button {
171 -webkit-user-select: none;
172 background: rgb(76, 142, 250);
173 border: 0;
174 border-radius: 2px;
175 box-sizing: border-box;
176 color: #fff;
177 cursor: pointer;
178 font-weight: 700;
179 margin-top: 10px;
180 padding: 10px 24px;
181 text-transform: uppercase;
182 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
183 }
184
185 button { 172 button {
186 font-size: 104%; 173 font-size: 104%;
187 } 174 }
188 175
OLDNEW
« no previous file with comments | « components/flags_ui/flags_ui_constants.cc ('k') | components/flags_ui/resources/apple_flags.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698