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

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

Powered by Google App Engine
This is Rietveld 408576698