| OLD | NEW |
| (Empty) |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 body { | |
| 6 margin: 10px; | |
| 7 min-width: 47em; | |
| 8 } | |
| 9 | |
| 10 a { | |
| 11 color: blue; | |
| 12 font-size: 103%; | |
| 13 } | |
| 14 | |
| 15 #header { | |
| 16 -webkit-padding-start: 0; | |
| 17 background: url(../../../ui/webui/resources/images/extension.svg) | |
| 18 left center / 48px no-repeat; | |
| 19 box-sizing: border-box; | |
| 20 margin-bottom: 1.05em; | |
| 21 overflow: hidden; | |
| 22 position: relative; | |
| 23 } | |
| 24 | |
| 25 html[dir=rtl] #header { | |
| 26 background-position-x: right; | |
| 27 } | |
| 28 | |
| 29 #header h1 { | |
| 30 -webkit-padding-start: 51px; | |
| 31 line-height: 48px; | |
| 32 } | |
| 33 | |
| 34 h1 { | |
| 35 font-size: 156%; | |
| 36 font-weight: bold; | |
| 37 margin: 0; | |
| 38 padding: 0; | |
| 39 } | |
| 40 | |
| 41 #disabled-container { | |
| 42 font-size: 120%; | |
| 43 padding-bottom: 1.5em; | |
| 44 } | |
| 45 | |
| 46 #disabled-header { | |
| 47 color: red; | |
| 48 font-weight: bold; | |
| 49 } | |
| 50 | |
| 51 div.content { | |
| 52 margin-top: 5px; | |
| 53 } | |
| 54 | |
| 55 .section-header { | |
| 56 -webkit-padding-start: 5px; | |
| 57 background: rgb(235, 239, 249); | |
| 58 border-top: 1px solid rgb(181, 199, 222); | |
| 59 font-size: 99%; | |
| 60 padding-bottom: 2px; | |
| 61 padding-top: 3px; | |
| 62 width: 100%; | |
| 63 } | |
| 64 | |
| 65 .section-header > table tr td:first-child { | |
| 66 width: 100%; | |
| 67 } | |
| 68 | |
| 69 .section-header > table { | |
| 70 width: 100%; | |
| 71 } | |
| 72 | |
| 73 .section-header-title { | |
| 74 font-weight: bold; | |
| 75 } | |
| 76 | |
| 77 .vbox-container { | |
| 78 -webkit-box-orient: vertical; | |
| 79 display: -webkit-box; | |
| 80 } | |
| 81 | |
| 82 .wbox { | |
| 83 -webkit-box-align: stretch; | |
| 84 -webkit-box-flex: 1; | |
| 85 display: -webkit-box; | |
| 86 } | |
| 87 | |
| 88 #top { | |
| 89 -webkit-padding-end: 5px; | |
| 90 } | |
| 91 | |
| 92 .show-in-tmi-mode { | |
| 93 overflow: hidden; | |
| 94 } | |
| 95 | |
| 96 body.hide-tmi-mode-initial .show-in-tmi-mode { | |
| 97 height: 0 !important; | |
| 98 opacity: 0; | |
| 99 } | |
| 100 | |
| 101 body.hide-tmi-mode .show-in-tmi-mode { | |
| 102 -webkit-transition: all 100ms ease-out; | |
| 103 height: 0 !important; | |
| 104 opacity: 0; | |
| 105 } | |
| 106 | |
| 107 body.show-tmi-mode-initial .show-in-tmi-mode { | |
| 108 opacity: 1; | |
| 109 } | |
| 110 | |
| 111 body.show-tmi-mode .show-in-tmi-mode { | |
| 112 -webkit-transition: all 100ms ease-in; | |
| 113 opacity: 1; | |
| 114 } | |
| 115 | |
| 116 .wbox-tmi-mode { | |
| 117 -webkit-box-align: stretch; | |
| 118 -webkit-box-flex: 1; | |
| 119 } | |
| 120 | |
| 121 .tmi-mode-image { | |
| 122 margin-top: 2px; | |
| 123 padding-left: 5px; | |
| 124 padding-right: 5px; | |
| 125 } | |
| 126 | |
| 127 .tmi-mode-link { | |
| 128 margin-right: 3px; | |
| 129 white-space: nowrap; | |
| 130 } | |
| 131 | |
| 132 .tmi-mode-link a { | |
| 133 font-size: 97%; | |
| 134 } | |
| 135 | |
| 136 .tmi-mode { | |
| 137 -webkit-padding-start: 10px; | |
| 138 background: rgb(244, 246, 252); | |
| 139 border-bottom: 1px solid rgb(237, 239, 245); | |
| 140 font-size: 89%; | |
| 141 padding-bottom: 0.8em; | |
| 142 padding-top: 0.8em; | |
| 143 width: 100%; | |
| 144 } | |
| 145 | |
| 146 .plugin-disabled { | |
| 147 background-color: #f0f0f0; | |
| 148 color: #a0a0a0; | |
| 149 } | |
| 150 | |
| 151 .plugin > tr > td { | |
| 152 padding-bottom: 4px; | |
| 153 padding-top: 5px; | |
| 154 } | |
| 155 | |
| 156 .plugin-file { | |
| 157 padding-bottom: 5px; | |
| 158 padding-top: 5px; | |
| 159 } | |
| 160 | |
| 161 .plugin { | |
| 162 border-bottom: 1px solid #cdcdcd; | |
| 163 } | |
| 164 | |
| 165 .critical { | |
| 166 color: red; | |
| 167 } | |
| 168 | |
| 169 /* Indent the text related to each plug-in. */ | |
| 170 .plugin-text { | |
| 171 -webkit-padding-start: 5px; | |
| 172 } | |
| 173 | |
| 174 .plugin-name { | |
| 175 font-weight: bold; | |
| 176 } | |
| 177 | |
| 178 .no-plugins { | |
| 179 font-size: 1.2em; | |
| 180 margin: 6em 0 0; | |
| 181 text-align: center; | |
| 182 } | |
| 183 | |
| 184 /* Use tables for layout, so eliminate extra spacing. */ | |
| 185 .plugin-details table { | |
| 186 -webkit-border-horizontal-spacing: 0; | |
| 187 -webkit-border-vertical-spacing: 0; | |
| 188 } | |
| 189 | |
| 190 .plugin-details { | |
| 191 -webkit-padding-start: 1em; | |
| 192 } | |
| 193 | |
| 194 /* Separate the inital line, Description, Location, and MIME Types lines. */ | |
| 195 .plugin-details > div { | |
| 196 padding-top: 0.1em | |
| 197 } | |
| 198 | |
| 199 /* Align rows of tables along the top. */ | |
| 200 .plugin-details tr { | |
| 201 vertical-align: top; | |
| 202 } | |
| 203 | |
| 204 /* Separate columns by 1em for the most part. */ | |
| 205 .plugin-details td+td { | |
| 206 -webkit-padding-start: 1em; | |
| 207 } | |
| 208 | |
| 209 /* Make the MIME Types tables smaller. */ | |
| 210 .plugin-details .mime-types { | |
| 211 font-size: 95%; | |
| 212 } | |
| 213 | |
| 214 /* Separate the header from the contents in each MIME Types table. */ | |
| 215 .plugin-details .mime-types .header td { | |
| 216 border-bottom: 1px solid black; | |
| 217 padding-bottom: 0.1em; | |
| 218 } | |
| 219 | |
| 220 /* Separate the columns for tables used for horizontal listings only a bit. */ | |
| 221 .hlisting td+td { | |
| 222 -webkit-padding-start: 0.4em; | |
| 223 } | |
| 224 | |
| 225 /* Match the indentation of .plugin-text. */ | |
| 226 .plugin-actions { | |
| 227 -webkit-padding-start: 5px; | |
| 228 margin-bottom: 0.2em; | |
| 229 margin-top: 0.2em; | |
| 230 } | |
| 231 | |
| 232 button { | |
| 233 font-size: 104%; | |
| 234 } | |
| OLD | NEW |