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

Side by Side Diff: chrome_linux/resources/inspector/helpScreen.css

Issue 85333005: Update reference builds to Chrome 32.0.1700.19 (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: Created 7 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 | Annotate | Revision Log
OLDNEW
1 .help-window-outer { 1 .help-window-outer {
2 position: absolute; 2 position: absolute;
3 top: 0; 3 top: 0;
4 left: 0; 4 left: 0;
5 right: 0; 5 right: 0;
6 bottom: 0; 6 bottom: 0;
7 z-index: 2000; 7 z-index: 2000;
8 } 8 }
9 9
10 .help-window-main { 10 .help-window-main {
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
109 display: block; 109 display: block;
110 padding-bottom: 9px; 110 padding-bottom: 9px;
111 width: 470px; 111 width: 470px;
112 -webkit-column-break-inside: avoid; 112 -webkit-column-break-inside: avoid;
113 } 113 }
114 114
115 body.platform-mac .settings-tab .help-block { 115 body.platform-mac .settings-tab .help-block {
116 width: 430px; 116 width: 430px;
117 } 117 }
118 118
119 #drawer-contents .settings-tab {
120 padding-left: 12px;
121 }
122
123 .settings-tab.help-container { 119 .settings-tab.help-container {
124 -webkit-column-width: 410px; 120 -webkit-column-width: 410px;
125 } 121 }
126 122
127 .settings-tab .help-block { 123 .settings-tab .help-block {
128 width: 410px; 124 width: 410px;
129 margin-left: 20px; 125 margin-left: 20px;
130 } 126 }
131 127
132 .settings-tab .field-error-message { 128 .settings-tab .field-error-message {
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after
256 .help-content select:disabled { 252 .help-content select:disabled {
257 background-color: rgb(32, 32, 32); 253 background-color: rgb(32, 32, 32);
258 color: graytext; 254 color: graytext;
259 } 255 }
260 256
261 .help-content option { 257 .help-content option {
262 background-color: #EEEEEE; 258 background-color: #EEEEEE;
263 color: #222; 259 color: #222;
264 } 260 }
265 261
266 #settings-screen .help-window-main, 262 #settings-screen .help-window-main{
267 #drawer-contents .help-window-main {
268 color: rgb(48, 57, 66); 263 color: rgb(48, 57, 66);
269 background-color: white; 264 background-color: white;
270 border-radius: 0; 265 border-radius: 0;
271 } 266 }
272 267
273 #settings-screen .help-window-main { 268 #settings-screen .help-window-main {
274 position: absolute; 269 position: absolute;
275 top: 10px; 270 top: 10px;
276 right: 10px; 271 right: 10px;
277 bottom: 10px; 272 bottom: 10px;
278 left: 10px; 273 left: 10px;
279 height: initial; 274 height: initial;
280 padding: 21px 0 0 21px; 275 padding: 21px 0 0 21px;
281 box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7); 276 box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
282 } 277 }
283 278
284 #settings-screen .help-window-label { 279 #settings-screen .help-window-label {
285 font-size: 18px; 280 font-size: 18px;
286 color: inherit; 281 color: inherit;
287 padding-top: 1px; 282 padding-top: 1px;
288 } 283 }
289 284
290 #drawer-contents .help-container-wrapper {
291 top: 32px;
292 }
293
294 .help-container-wrapper { 285 .help-container-wrapper {
295 position: absolute; 286 position: absolute;
296 top: 60px; 287 top: 54px;
297 left: 15px; 288 left: 15px;
298 right: 0; 289 right: 0;
299 bottom: 0; 290 bottom: 0;
300 overflow: auto; 291 overflow: auto;
301 } 292 }
302 293
303 #settings-screen .tabbed-pane-header { 294 #settings-screen .tabbed-pane-header {
304 border: none transparent; 295 border: none transparent;
305 height: auto; 296 height: auto;
306 width: 110px; 297 width: 110px;
307 position: relative; 298 position: relative;
308 top: 14px; 299 top: 14px;
300 flex: auto;
309 } 301 }
310 302
311 #settings-screen .tabbed-pane-header-contents { 303 #settings-screen .tabbed-pane-header-contents {
312 margin: 0; 304 margin: 0;
313 } 305 }
314 306
315 #settings-screen .tabbed-pane-header-tabs { 307 #settings-screen .tabbed-pane-header-tabs {
316 display: flex; 308 display: flex;
317 flex-direction: column; 309 flex-direction: column;
318 padding-top: 5px; 310 padding-top: 5px;
319 width: 100px; 311 width: 100px;
320 } 312 }
321 313
322 #settings-screen .tabbed-pane-header-tab { 314 #settings-screen .tabbed-pane-header-tab {
323 background-color: transparent; 315 background-color: transparent;
324 border: none transparent; 316 border: none transparent;
325 cursor: pointer;
326 font-weight: normal; 317 font-weight: normal;
327 text-shadow: none; 318 text-shadow: none;
328 color: #999999; 319 color: #999999;
329 height: 22px; 320 height: 22px;
330 padding-left: 0; 321 padding-left: 0;
331 } 322 }
332 323
324 #settings-screen .tabbed-pane-header-tab:not(.selected) {
325 cursor: pointer;
326 }
327
333 #settings-screen .tabbed-pane-header-tab.selected { 328 #settings-screen .tabbed-pane-header-tab.selected {
334 color: inherit; 329 color: inherit;
335 } 330 }
336 331
337 #settings-screen .tabbed-pane-content, 332 #settings-screen .tabbed-pane-content {
338 #drawer-contents .tabbed-pane-content {
339 position: absolute; 333 position: absolute;
340 top: 0; 334 top: 0;
341 right: 0; 335 right: 0;
342 bottom: 0; 336 bottom: 0;
343 margin: 8px; 337 margin: 8px;
344 } 338 }
345 339
346 #drawer-contents .tabbed-pane-content {
347 padding: 0 4px;
348 }
349
350 #settings-screen .tabbed-pane-content { 340 #settings-screen .tabbed-pane-content {
351 left: 120px; 341 left: 120px;
352 } 342 }
353 343
354 #drawer-contents .tabbed-pane-content {
355 left: 0;
356 }
357
358 .settings-tab.help-content { 344 .settings-tab.help-content {
359 margin: 0; 345 margin: 0;
360 padding: 0; 346 padding: 0;
361 } 347 }
362 348
363 .settings-tab input:not([type]), 349 .settings-tab input:not([type]),
364 .settings-tab input[type="text"] { 350 .settings-tab input[type="text"] {
365 border: 1px solid rgb(213, 213, 213); 351 border: 1px solid rgb(213, 213, 213);
366 border-radius: 2px; 352 border-radius: 2px;
367 color: #444444; 353 color: #444444;
368 padding: 3px; 354 padding: 3px;
369 } 355 }
370 356
371 .settings-tab input.numeric { 357 .settings-tab input.numeric {
372 text-align: right; 358 text-align: right;
373 } 359 }
374 360
375 .settings-tab-container header { 361 .settings-tab-container {
376 padding: 14px 0; 362 flex: auto;
377 border-bottom: 1px solid #EEEEEE;
378 } 363 }
379 364
380 #drawer-contents .settings-tab-container header { 365 .settings-tab-container header {
381 padding: 0; 366 padding: 14px 0 6px;
367 border-bottom: 1px solid #EEEEEE;
382 } 368 }
383 369
384 #tab-shortcuts { 370 #tab-shortcuts {
385 margin-top: 25px !important; 371 margin-top: 25px !important;
386 } 372 }
387 373
388 #experiments-tab-content .help-container { 374 #experiments-tab-content .help-container {
389 -webkit-column-width: 470px; 375 -webkit-column-width: 470px;
390 } 376 }
391 377
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
463 } 449 }
464 450
465 #workspace-tab-content .workspace-settings-row .add-button { 451 #workspace-tab-content .workspace-settings-row .add-button {
466 background-image: url(Images/addIcon.png); 452 background-image: url(Images/addIcon.png);
467 } 453 }
468 454
469 #workspace-tab-content .workspace-settings-error { 455 #workspace-tab-content .workspace-settings-error {
470 color: red; 456 color: red;
471 } 457 }
472 458
473 .settings-tab .text-button { 459 .settings-tab-text-button {
474 background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 3 8%, hsl(0, 0%, 87%)); 460 background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 3 8%, hsl(0, 0%, 87%));
475 border: 1px solid hsla(0, 0%, 0%, 0.25); 461 border: 1px solid hsla(0, 0%, 0%, 0.25);
476 border-radius: 2px; 462 border-radius: 2px;
477 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100 %, 0.75); 463 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100 %, 0.75);
478 color: hsl(0, 0%, 27%); 464 color: hsl(0, 0%, 27%);
479 font-size: 12px; 465 font-size: 12px;
480 margin: 0 1px 0 0; 466 margin: 0 1px 0 0;
481 text-shadow: 0 1px 0 hsl(0, 0%, 94%); 467 text-shadow: 0 1px 0 hsl(0, 0%, 94%);
482 min-height: 2em; 468 min-height: 2em;
483 padding-left: 10px; 469 padding-left: 10px;
484 padding-right: 10px; 470 padding-right: 10px;
485 } 471 }
486 472
487 .settings-tab .text-button:disabled { 473 .settings-tab-text-button:disabled {
488 background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); 474 background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
489 border-color: rgba(80, 80, 80, 0.2); 475 border-color: rgba(80, 80, 80, 0.2);
490 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 2 55, 0.75); 476 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 2 55, 0.75);
491 color: #aaa; 477 color: #aaa;
492 } 478 }
493 479
494 .settings-tab .text-button:hover { 480 .settings-tab-text-button:not(:disabled):hover {
495 background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 3 8%, hsl(0, 0%, 88%)); 481 background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 3 8%, hsl(0, 0%, 88%));
496 border-color: hsla(0, 0%, 0%, 0.3); 482 border-color: hsla(0, 0%, 0%, 0.3);
497 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100 %, 0.95); 483 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100 %, 0.95);
498 color: hsl(0, 0%, 0%); 484 color: hsl(0, 0%, 0%);
499 } 485 }
500 486
501 .settings-tab .text-button:active { 487 .settings-tab-text-button:not(:disabled):active {
502 background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 3 8%, hsl(0, 0%, 84%)); 488 background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 3 8%, hsl(0, 0%, 84%));
503 box-shadow: none; 489 box-shadow: none;
504 text-shadow: none; 490 text-shadow: none;
505 } 491 }
506 492
507 .settings-tab .settings-list-container { 493 .settings-tab .settings-list-container {
508 background-color: white; 494 background-color: white;
509 margin-bottom: 10px; 495 margin-bottom: 10px;
510 } 496 }
511 497
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after
683 669
684 .settings-glass-pane { 670 .settings-glass-pane {
685 -webkit-box-align: center; 671 -webkit-box-align: center;
686 -webkit-box-orient: vertical; 672 -webkit-box-orient: vertical;
687 -webkit-box-pack: center; 673 -webkit-box-pack: center;
688 display: -webkit-box; 674 display: -webkit-box;
689 z-index: 2000 !important; 675 z-index: 2000 !important;
690 padding: 5px; 676 padding: 5px;
691 background-color: rgba(255, 255, 255, 0.4) !important; 677 background-color: rgba(255, 255, 255, 0.4) !important;
692 } 678 }
679
680 #overrides-tab-content .help-container {
681 -webkit-column-width: auto !important;
682 }
OLDNEW
« no previous file with comments | « chrome_linux/resources/inspector/flameChart.css ('k') | chrome_linux/resources/inspector/inspector.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698