| Index: chrome/browser/resources/plugins.css
|
| diff --git a/chrome/browser/resources/plugins.css b/chrome/browser/resources/plugins.css
|
| index 398d5e7dd54d1ebbd148386c8548a0bf256d7341..366814e03b06393b48f69b138e9fb35e7ada5572 100644
|
| --- a/chrome/browser/resources/plugins.css
|
| +++ b/chrome/browser/resources/plugins.css
|
| @@ -1,8 +1,6 @@
|
| -/*
|
| - * Copyright (c) 2012 The Chromium Authors. All rights reserved.
|
| +/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file.
|
| - */
|
| + * found in the LICENSE file. */
|
|
|
| body {
|
| margin: 10px;
|
| @@ -15,15 +13,15 @@ a {
|
| }
|
|
|
| div#header {
|
| + -webkit-padding-start: 0;
|
| + box-sizing: border-box;
|
| margin-bottom: 1.05em;
|
| /* 67px is the height of the header's background image. */
|
| min-height: 67px;
|
| overflow: hidden;
|
| padding-bottom: 20px;
|
| - -webkit-padding-start: 0;
|
| padding-top: 20px;
|
| position: relative;
|
| - box-sizing: border-box;
|
| }
|
|
|
| #header h1 {
|
| @@ -37,20 +35,20 @@ div#header {
|
|
|
| html[dir=rtl] #header h1 {
|
| background: url('../../app/theme/extensions_section.png') right no-repeat;
|
| - padding-right: 95px;
|
| padding-left: 0;
|
| + padding-right: 95px;
|
| }
|
|
|
| h1 {
|
| font-size: 156%;
|
| font-weight: bold;
|
| - padding: 0;
|
| margin: 0;
|
| + padding: 0;
|
| }
|
|
|
| #disabled-container {
|
| - padding-bottom: 1.5em;
|
| font-size: 120%;
|
| + padding-bottom: 1.5em;
|
| }
|
|
|
| #disabled-header {
|
| @@ -64,11 +62,11 @@ div.content {
|
| }
|
|
|
| .section-header {
|
| - background: #ebeff9;
|
| - border-top: 1px solid #b5c7de;
|
| + -webkit-padding-start: 5px;
|
| + background: rgb(235, 239, 249);
|
| + border-top: 1px solid rgb(181, 199, 222);
|
| font-size: 99%;
|
| padding-bottom: 2px;
|
| - -webkit-padding-start: 5px;
|
| padding-top: 3px;
|
| width: 100%;
|
| }
|
| @@ -86,42 +84,42 @@ div.content {
|
| }
|
|
|
| .vbox-container {
|
| - display: -webkit-box;
|
| -webkit-box-orient: vertical;
|
| + display: -webkit-box;
|
| }
|
|
|
| .wbox {
|
| - display: -webkit-box;
|
| -webkit-box-align: stretch;
|
| -webkit-box-flex: 1;
|
| + display: -webkit-box;
|
| }
|
|
|
| #top {
|
| -webkit-padding-end: 5px;
|
| }
|
|
|
| -.showInTmiMode {
|
| +.show-in-tmi-mode {
|
| overflow: hidden;
|
| }
|
|
|
| -body.hideTmiModeInitial .showInTmiMode {
|
| +body.hide-tmi-mode-initial .show-in-tmi-mode {
|
| height: 0 !important;
|
| opacity: 0;
|
| }
|
|
|
| -body.hideTmiMode .showInTmiMode {
|
| +body.hide-tmi-mode .show-in-tmi-mode {
|
| + -webkit-transition: all 100ms ease-out;
|
| height: 0 !important;
|
| opacity: 0;
|
| - -webkit-transition: all 100ms ease-out;
|
| }
|
|
|
| -body.showTmiModeInitial .showInTmiMode {
|
| +body.show-tmi-mode-initial .show-in-tmi-mode {
|
| opacity: 1;
|
| }
|
|
|
| -body.showTmiMode .showInTmiMode {
|
| - opacity: 1;
|
| +body.show-tmi-mode .show-in-tmi-mode {
|
| -webkit-transition: all 100ms ease-in;
|
| + opacity: 1;
|
| }
|
|
|
| .wbox-tmi-mode {
|
| @@ -145,11 +143,11 @@ body.showTmiMode .showInTmiMode {
|
| }
|
|
|
| .tmi-mode {
|
| - background: #f4f6fc;
|
| - border-bottom: 1px solid #edeff5;
|
| + -webkit-padding-start: 10px;
|
| + background: rgb(244, 246, 252);
|
| + border-bottom: 1px solid rgb(237, 239, 245);
|
| font-size: 89%;
|
| padding-bottom: 0.8em;
|
| - -webkit-padding-start: 10px;
|
| padding-top: 0.8em;
|
| width: 100%;
|
| }
|
| @@ -169,13 +167,13 @@ body.showTmiMode .showInTmiMode {
|
| .plugin-file-disabled {
|
| background-color: #f0f0f0;
|
| color: #a0a0a0;
|
| - padding-top: 5px;
|
| padding-bottom: 5px;
|
| + padding-top: 5px;
|
| }
|
|
|
| .plugin-file-enabled {
|
| - padding-top: 5px;
|
| padding-bottom: 5px;
|
| + padding-top: 5px;
|
| }
|
|
|
| .plugin {
|
| @@ -196,9 +194,9 @@ body.showTmiMode .showInTmiMode {
|
| }
|
|
|
| .no-plugins {
|
| + font-size: 1.2em;
|
| margin: 6em 0 0;
|
| text-align: center;
|
| - font-size: 1.2em;
|
| }
|
|
|
| /* Use tables for layout, so eliminate extra spacing. */
|
| @@ -233,8 +231,8 @@ body.showTmiMode .showInTmiMode {
|
|
|
| /* Separate the header from the contents in each MIME Types table. */
|
| .plugin-details .mime-types .header td {
|
| + /* border-bottom: 1px solid; */
|
| padding-bottom: 0.1em;
|
| - border-bottom: 1px solid;
|
| }
|
|
|
| /* Separate the columns for tables used for horizontal listings only a bit. */
|
| @@ -245,8 +243,8 @@ body.showTmiMode .showInTmiMode {
|
| /* Match the indentation of .plugin-text. */
|
| .plugin-actions {
|
| -webkit-padding-start: 5px;
|
| - margin-top: 0.2em;
|
| margin-bottom: 0.2em;
|
| + margin-top: 0.2em;
|
| }
|
|
|
| .always-allow {
|
|
|