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