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 div#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 39 html[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 48 h1 { 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 65 div.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 110 body.hide-tmi-mode-initial .show-in-tmi-mode { 111 height: 0 !important; 112 opacity: 0; 113 } 114 115 body.hide-tmi-mode .show-in-tmi-mode { 116 -webkit-transition: all 100ms ease-out; 117 height: 0 !important; 118 opacity: 0; 119 } 120 121 body.show-tmi-mode-initial .show-in-tmi-mode { 122 opacity: 1; 123 } 124 125 body.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 250 button { 251 font-size: 104%; 252 } 253