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

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

Issue 9958101: [WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: removing .py files Created 8 years, 8 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 /* 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Copyright (c) 2011 The Chromium Authors. All rights reserved.
3 * 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
4 * found in the LICENSE file. 3 * found in the LICENSE file.
5 */ 4 */
Evan Stade 2012/04/03 02:59:48 .
Dan Beam 2012/04/03 04:15:06 Done.
6 5
7 body { 6 body {
8 margin: 10px; 7 margin: 10px;
9 min-width: 47em; 8 min-width: 47em;
10 /* Should match needs-restart.(height + padding-top + padding-bottom + 5) */ 9 /* Should match needs-restart.(height + padding-top + padding-bottom + 5) */
11 padding-bottom: 65px; 10 padding-bottom: 65px;
12 } 11 }
13 12
14 a { 13 a {
15 color: blue; 14 color: blue;
16 font-size: 103%; 15 font-size: 103%;
17 } 16 }
18 17
19 div#header { 18 div#header {
19 -webkit-padding-start: 0;
20 box-sizing: border-box;
20 margin-bottom: 1.05em; 21 margin-bottom: 1.05em;
21 /* 67px is the height of the header's background image. */ 22 /* 67px is the height of the header's background image. */
22 min-height: 67px; 23 min-height: 67px;
23 overflow: hidden; 24 overflow: hidden;
24 padding-bottom: 20px; 25 padding-bottom: 20px;
25 -webkit-padding-start: 0;
26 padding-top: 20px; 26 padding-top: 20px;
27 position: relative; 27 position: relative;
28 box-sizing: border-box;
29 } 28 }
30 29
31 #header h1 { 30 #header h1 {
31 -webkit-padding-start: 75px;
32 background: url('../../app/theme/flags_section.png') 0 20px no-repeat; 32 background: url('../../app/theme/flags_section.png') 0 20px no-repeat;
33 display: inline; 33 display: inline;
34 margin: 0; 34 margin: 0;
35 padding-bottom: 20px; 35 padding-bottom: 20px;
36 -webkit-padding-start: 75px;
37 padding-top: 40px; 36 padding-top: 40px;
38 } 37 }
39 38
40 html[dir=rtl] #header h1 { 39 html[dir=rtl] #header h1 {
41 background: url('../../app/theme/flags_section.png') right no-repeat; 40 background: url('../../app/theme/flags_section.png') right no-repeat;
42 } 41 }
43 42
44 h1 { 43 h1 {
45 font-size: 156%; 44 font-size: 156%;
46 font-weight: bold; 45 font-weight: bold;
46 margin: 0;
47 padding: 0; 47 padding: 0;
48 margin: 0;
49 } 48 }
50 49
51 #blurb-container { 50 #blurb-container {
51 font-size: 120%;
52 padding-bottom: 1.5em; 52 padding-bottom: 1.5em;
53 font-size: 120%;
54 } 53 }
55 54
56 #blurb-warning { 55 #blurb-warning {
57 color: red; 56 color: red;
58 font-weight: bold; 57 font-weight: bold;
59 } 58 }
60 59
61 div.content { 60 div.content {
62 font-size: 88%; 61 font-size: 88%;
63 margin-top: 5px; 62 margin-top: 5px;
64 } 63 }
65 64
66 .section-header { 65 .section-header {
67 background: #ebeff9; 66 -webkit-padding-start: 5px;
68 border-top: 1px solid #b5c7de; 67 background: rgb(235, 239, 249);
68 border-top: 1px solid rgb(181, 199, 222);
69 font-size: 99%; 69 font-size: 99%;
70 padding-bottom: 2px; 70 padding-bottom: 2px;
71 -webkit-padding-start: 5px;
72 padding-top: 3px; 71 padding-top: 3px;
73 width: 100%; 72 width: 100%;
74 } 73 }
75 74
76 .section-header > table tr td:first-child { 75 .section-header > table tr td:first-child {
77 width: 100%; 76 width: 100%;
78 } 77 }
79 78
80 .section-header > table { 79 .section-header > table {
81 width: 100%; 80 width: 100%;
82 } 81 }
83 82
84 .section-header-title { 83 .section-header-title {
85 font-weight: bold; 84 font-weight: bold;
86 } 85 }
87 86
88 .vbox-container { 87 .vbox-container {
88 -webkit-box-orient: vertical;
89 display: -webkit-box; 89 display: -webkit-box;
90 -webkit-box-orient: vertical;
91 } 90 }
92 91
93 .wbox { 92 .wbox {
94 display: -webkit-box;
95 -webkit-box-align: stretch; 93 -webkit-box-align: stretch;
96 -webkit-box-flex: 1; 94 -webkit-box-flex: 1;
95 display: -webkit-box;
97 } 96 }
98 97
99 #top { 98 #top {
100 -webkit-padding-end: 5px; 99 -webkit-padding-end: 5px;
101 } 100 }
102 101
103 /* Disabled and unsupported experiments display grey text on a grey background. 102 /* Disabled and unsupported experiments display grey text on a grey background.
104 The title, however, should remain legible. */ 103 The title, however, should remain legible. */
105 104
106 .experiment-unsupported > td, 105 .experiment-unsupported > td,
(...skipping 19 matching lines...) Expand all
126 /* Indent the text related to each experiment. */ 125 /* Indent the text related to each experiment. */
127 .experiment-text { 126 .experiment-text {
128 -webkit-padding-start: 5px; 127 -webkit-padding-start: 5px;
129 } 128 }
130 129
131 .experiment-name { 130 .experiment-name {
132 font-weight: bold; 131 font-weight: bold;
133 } 132 }
134 133
135 .no-experiments { 134 .no-experiments {
135 font-size: 1.2em;
136 margin: 6em 0 0; 136 margin: 6em 0 0;
137 text-align: center; 137 text-align: center;
138 font-size: 1.2em;
139 } 138 }
140 139
141 /* Match the indentation of .experiment-text. */ 140 /* Match the indentation of .experiment-text. */
142 .experiment-actions { 141 .experiment-actions {
143 -webkit-padding-start: 5px; 142 -webkit-padding-start: 5px;
143 margin-bottom: 0.2em;
144 margin-top: 0.2em; 144 margin-top: 0.2em;
145 margin-bottom: 0.2em;
146 } 145 }
147 146
148 div.needs-restart { 147 div.needs-restart {
149 background: #FFF; 148 background: #FFF;
150 border-top: 1px solid #b5c7de; 149 border-top: 1px solid rgb(181, 199, 222);
151 bottom: 0; 150 bottom: 0;
152 /* If you change this, update body.padding-bottom */ 151 /* If you change this, update body.padding-bottom */
153 height: 30px; 152 height: 30px;
154 left: 0; 153 left: 0;
155 /* If you change this, update body.padding-bottom */ 154 /* If you change this, update body.padding-bottom */
156 padding-bottom: 25px; 155 padding-bottom: 25px;
157 padding-left: 15px; 156 padding-left: 15px;
158 /* If you change this, update body.padding-bottom */ 157 /* If you change this, update body.padding-bottom */
159 padding-top: 15px; 158 padding-top: 15px;
160 position: fixed; 159 position: fixed;
161 width: 100%; 160 width: 100%;
162 } 161 }
163 162
164 button { 163 button {
165 font-size: 104%; 164 font-size: 104%;
166 } 165 }
167 166
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698