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

Side by Side Diff: chrome/browser/resources/options/options_page.css

Issue 6313011: DOMUI: Polish up the 'Import Data' overlay. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Narrow a CSS selector. Created 9 years, 11 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 | « chrome/browser/resources/options/import_data_overlay.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 body { 1 body {
2 cursor: default; 2 cursor: default;
3 font-size: 100%; 3 font-size: 100%;
4 } 4 }
5 5
6 #settings-title { 6 #settings-title {
7 -webkit-padding-end: 24px; 7 -webkit-padding-end: 24px;
8 color: #53637d; 8 color: #53637d;
9 cursor: pointer; 9 cursor: pointer;
10 font-size: 200%; 10 font-size: 200%;
(...skipping 11 matching lines...) Expand all
22 right: 0; 22 right: 0;
23 top: 0; 23 top: 0;
24 bottom: 0; 24 bottom: 0;
25 } 25 }
26 26
27 #search-field { 27 #search-field {
28 margin: 0; 28 margin: 0;
29 } 29 }
30 30
31 .overlay { 31 .overlay {
32 position: fixed;
33 left: 0;
34 right: 0;
35 background: rgba(233, 238, 242, .5);
36 top: 0;
37 bottom: 0;
38 z-index: 10;
39 padding: 20px;
40 display: -webkit-box;
41 -webkit-box-align: center; 32 -webkit-box-align: center;
42 -webkit-box-pack: center; 33 -webkit-box-pack: center;
34 background: rgba(233, 238, 242, .5);
35 bottom: 0;
36 display: -webkit-box;
37 left: 0;
38 padding: 20px;
39 position: fixed;
40 right: 0;
41 top: 0;
42 z-index: 10;
43 } 43 }
44 44
45 .raw-button, 45 .raw-button,
46 .raw-button:hover, 46 .raw-button:hover,
47 .raw-button:active { 47 .raw-button:active {
48 -webkit-box-shadow: none; 48 -webkit-box-shadow: none;
49 background-color: transparent; 49 background-color: transparent;
50 background-repeat: no-repeat; 50 background-repeat: no-repeat;
51 border: none; 51 border: none;
52 min-width: 0; 52 min-width: 0;
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 105
106 html[toolkit=views] .button-strip { 106 html[toolkit=views] .button-strip {
107 -webkit-box-direction: reverse; 107 -webkit-box-direction: reverse;
108 } 108 }
109 109
110 .button-strip > button { 110 .button-strip > button {
111 -webkit-margin-start: 10px; 111 -webkit-margin-start: 10px;
112 display: block; 112 display: block;
113 } 113 }
114 114
115 .overlay > div { 115 .overlay .page {
116 -webkit-box-shadow: 3px 3px 3px #666; 116 -webkit-box-shadow: 3px 3px 3px #666;
117 background: white; 117 background: white;
118 border: 1px solid #666;
118 border-radius: 5px; 119 border-radius: 5px;
119 padding: 15px; 120 min-width: 400px;
120 border: 1px solid #666; 121 padding: 0 15px 50px 15px;
121 padding-bottom: 50px;
122 position: relative; 122 position: relative;
123 } 123 }
124 124
125 #navbar { 125 #navbar {
126 margin: 0; 126 margin: 0;
127 } 127 }
128 128
129 #navbar-container { 129 #navbar-container {
130 -webkit-border-end: 1px solid #c6c9ce; 130 -webkit-border-end: 1px solid #c6c9ce;
131 background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3), 131 background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3),
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
268 -webkit-padding-end: 24px; 268 -webkit-padding-end: 24px;
269 border-bottom: 1px solid #eeeeee; 269 border-bottom: 1px solid #eeeeee;
270 color: #53637d; 270 color: #53637d;
271 font-size: 200%; 271 font-size: 200%;
272 font-weight: normal; 272 font-weight: normal;
273 margin: 0; 273 margin: 0;
274 padding-bottom: 4px; 274 padding-bottom: 4px;
275 padding-top: 13px; 275 padding-top: 13px;
276 } 276 }
277 277
278 .page list {
279 min-height: 200px;
280 }
281
282 .subpage-sheet .page h1 { 278 .subpage-sheet .page h1 {
283 padding-top: 4px; 279 padding-top: 4px;
284 margin-bottom: 10px; 280 margin-bottom: 10px;
285 } 281 }
286 282
283 .overlay .page h1 {
284 background: -webkit-linear-gradient(white, #F8F8F8);
285 border-bottom: 1px solid rgba(188, 193, 208, .5);
286 font-size: 105%;
287 font-weight: bold;
288 padding: 10px 15px 8px 15px;
289 }
290
291 .page list {
292 min-height: 200px;
293 }
294
287 section { 295 section {
288 -webkit-box-orient: horizontal; 296 -webkit-box-orient: horizontal;
289 border-bottom: 1px solid #eeeeee; 297 border-bottom: 1px solid #eeeeee;
290 display: -webkit-box; 298 display: -webkit-box;
291 margin-top: 17px; 299 margin-top: 17px;
292 padding-bottom: 20px; 300 padding-bottom: 20px;
293 } 301 }
294 302
295 div.page section:last-child { 303 div.page section:last-child {
296 border-bottom: none; 304 border-bottom: none;
(...skipping 337 matching lines...) Expand 10 before | Expand all | Expand 10 after
634 } 642 }
635 643
636 html[os=mac] label > input[type=checkbox], 644 html[os=mac] label > input[type=checkbox],
637 html[os=mac] label > input[type=radio] { 645 html[os=mac] label > input[type=radio] {
638 margin-top: 2px; 646 margin-top: 2px;
639 } 647 }
640 648
641 .suboption { 649 .suboption {
642 -webkit-margin-start: 16px; 650 -webkit-margin-start: 16px;
643 } 651 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/import_data_overlay.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698