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 #change-home-page-section { 6 margin-left: 30px; 7 } 8 9 #home-page-url { 10 display: inline-block; 11 max-width: 400px; 12 overflow: hidden; 13 text-overflow: ellipsis; 14 vertical-align: top; 15 } 16 17 #default-browser-state, 18 #profiles-supervised-dashboard-tip { 19 margin-top: 6px; 20 } 21 22 #sync-overview p { 23 display: inline; 24 } 25 26 #account-picture-wrapper { 27 float: left; 28 margin: 0 2px 10px 0; 29 } 30 31 html[dir=rtl] #account-picture-wrapper { 32 float: right; 33 } 34 35 #account-picture-control { 36 border: 1px solid rgba(0, 0, 0, 0.3); 37 border-radius: 4px; 38 display: inline-block; 39 padding: 3px; 40 position: relative; 41 } 42 43 #account-picture { 44 height: 56px; 45 vertical-align: middle; 46 width: 56px; 47 } 48 49 #account-picture:disabled { 50 cursor: default; 51 } 52 53 #change-picture-caption { 54 background: rgba(0, 0, 0, 0.5); 55 bottom: 0; 56 color: white; 57 cursor: pointer; 58 font-size: small; 59 margin: 3px 0; 60 position: absolute; 61 text-align: center; 62 visibility: hidden; 63 /* Width of #account-picture. */ 64 width: 56px; 65 } 66 67 #account-picture:not(:disabled):hover + #change-picture-caption, 68 #account-picture:not(:disabled) + #change-picture-caption:hover { 69 visibility: visible; 70 } 71 72 #account-picture-indicator { 73 -webkit-margin-end: 3px; 74 } 75 76 #sync-general { 77 -webkit-margin-start: 76px; 78 margin-bottom: 10px; 79 } 80 81 #sync-buttons { 82 clear: both; 83 } 84 85 #profiles-list { 86 margin-bottom: 10px; 87 min-height: 0; 88 } 89 90 #profiles-list .profile-container { 91 -webkit-box-align: center; 92 display: -webkit-box; 93 max-width: 100%; 94 } 95 96 #profiles-list .profile-name { 97 -webkit-box-flex: 1; 98 overflow: hidden; 99 text-overflow: ellipsis; 100 white-space: nowrap; 101 } 102 103 #profiles-list .profile-supervised { 104 color: #999; 105 margin-left: 5px; 106 } 107 108 #profiles-list > * { 109 height: 40px; 110 } 111 112 #profiles-list:focus { 113 border-color: rgb(77, 144, 254); 114 } 115 116 .profile-img { 117 height: 31px; 118 padding: 3px; 119 vertical-align: middle; 120 width: 38px; 121 } 122 123 .profile-item-current { 124 font-weight: bold; 125 } 126 127 #profiles-buttons { 128 white-space: nowrap; 129 } 130 131 .sync-error { 132 background: rgb(255, 219, 219); 133 border: 1px solid rgb(206, 76, 76); 134 border-radius: 2px; 135 padding: 10px; 136 } 137 138 .sync-error .link-button { 139 margin: 0 1ex; 140 padding: 0; 141 } 142 143 #mac-passwords-warning { 144 margin-top: 10px; 145 } 146 147 input[type='range'] { 148 vertical-align: middle; 149 } 150 151 /* CSS tweak to fix crbug.com/151788. Inconsistencies in the CSS rules across 152 * platforms and elements. Too risky to attempt a general fix for M23 at this 153 * time. This fix addresses the immediate problem in the bug report by forcing 154 * the button to align consistently with its neighboring select element. 155 * TODO(kevers): Revisit padding rules for select and buttons to ensure 156 * consistency in the size and baseline across all platforms. */ 157 #manage-default-search-engines { 158 padding-bottom: 0; 159 padding-top: 0; 160 } 161 162 .extension-controlled-warning-box { 163 background-color: #fbfbfb; 164 border: 1px solid #cecece; 165 border-radius: 3px; 166 padding: 19px; 167 } 168 169 .extension-controlled-warning { 170 -webkit-padding-start: 35px; 171 background-repeat: no-repeat; 172 margin-bottom: 14px; 173 padding-bottom: 6px; 174 padding-top: 3px; 175 } 176 177 /* Override a platform specific rule in Widgets that may no longer be relevant. 178 * Too late in the development cycle to update Widgets.css due to the number 179 * of pages that depend on it. 180 * TODO(kevers): Rivisit padding rules. */ 181 #default-search-engine { 182 padding-bottom: 0; 183 } 184 185 .hotword-settings { 186 -webkit-margin-start: 22px; 187 } 188 189 /* Internet settings */ 190 191 #network-settings { 192 position: relative; 193 } 194 195 #network-list { 196 min-height: 0; 197 width: 320px; 198 } 199 200 #download-location-label.disabled { 201 color: #999; 202 } 203 204 .network-group { 205 -webkit-box-orient: horizontal; 206 height: 42px; 207 overflow: visible; 208 } 209 210 list:not([disabled]) > .network-group:hover, 211 list:not([disabled]) > .network-group[selected] { 212 background-color: #f8f8f8 !important; 213 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), 214 rgba(255, 255, 255, 0)) !important; 215 box-shadow: inset 0 0 1px 1px #f0f0f0; 216 } 217 218 .network-group-labels { 219 -webkit-box-flex: 1; 220 -webkit-box-orient: vertical; 221 display: -webkit-box; 222 padding-top: 3px; 223 } 224 225 .network-icon, 226 .network-menu-item-icon { 227 -webkit-margin-end: 8px; 228 background-position: left top; 229 background-size: 25px; 230 height: 25px; 231 width: 25px; 232 } 233 234 .other-cellulars > .network-menu-item-icon { 235 background-position: left top; 236 } 237 238 @-webkit-keyframes connecting-animation { 239 0% { 240 background-position: 0 25%; 241 } 242 12.5% { 243 background-position: 0 50%; 244 } 245 25% { 246 background-position: 0 75%; 247 } 248 37.5% { 249 background-position: 0 100%; 250 } 251 50% { 252 background-position: 0 100%; 253 } 254 62.5% { 255 background-position: 0 75%; 256 } 257 75% { 258 background-position: 0 50%; 259 } 260 87.5% { 261 background-position: 0 25%; 262 } 263 } 264 265 .network-add-connection, 266 .network-control-active, 267 .network-control-inactive { 268 background-position: center center !important; 269 background-repeat: no-repeat; 270 } 271 272 .network-add-connection { 273 background-image: url('chrome://theme/IDR_NETWORK_ADD_CONNECTION'); 274 background-size: 16px; 275 } 276 277 .network-control-inactive { 278 background-image: none; 279 } 280 281 .network-control-active { 282 background-image: url('chrome://theme/IDR_PROFILE_SELECTED'); 283 background-size: 16px; 284 } 285 286 .network-options-button { 287 -webkit-box-flex: 0; 288 -webkit-transform: scale(0.6); 289 background-image: none; 290 background-position: center center; 291 display: block; 292 opacity: 0.5; 293 vertical-align: middle; 294 width: 19px; 295 } 296 297 .network-group > .controlled-setting-indicator, 298 .network-menu-item > .controlled-setting-indicator { 299 -webkit-margin-end: 5px; 300 } 301 302 .network-options-button:hover { 303 opacity: 1; 304 } 305 306 @-webkit-keyframes vpn-connecting-animation { 307 from { 308 opacity: 1; 309 } 310 to { 311 opacity: 0.2; 312 } 313 } 314 315 .network-connecting { 316 -webkit-animation: connecting-animation 1s step-end infinite; 317 } 318 319 .network-vpn.network-connecting { 320 -webkit-animation: vpn-connecting-animation 500ms alternate infinite; 321 } 322 323 .network-title { 324 font-weight: 600; 325 line-height: 120%; 326 } 327 328 .network-subtitle { 329 color: #333; 330 display: inline-block; 331 line-height: 100%; 332 max-width: 260px; 333 opacity: 0.4; 334 overflow: hidden; 335 padding-bottom: 3px; 336 text-overflow: ellipsis; 337 white-space: nowrap; 338 } 339 340 .network-selector { 341 background: right center no-repeat; 342 background-image: url('../../../../ui/webui/resources/images/select.png'); 343 padding-right: 20px; 344 } 345 346 .network-menu { 347 -webkit-box-shadow: 348 0 0 0 1px rgba(0,0,0,0.1), 349 0 5px 1px 1px rgba(0,0,0,0.1), 350 0 5px 2px 1px rgba(0,0,0,0.1), 351 0 5px 12px 1px rgba(0,0,0,0.5); 352 background: #fff; 353 display: block; 354 position: absolute; 355 width: 320px; 356 z-index: 1; 357 } 358 359 .network-menu-item { 360 -webkit-box-align: center; 361 -webkit-box-orient: horizontal; 362 display: -webkit-box; 363 height: 32px; 364 margin-left: 4px; 365 margin-right: 4px; 366 } 367 368 .network-menu-item-label { 369 -webkit-box-flex: 1; 370 color: #555; 371 display: block; 372 overflow-x: hidden; 373 text-overflow: ellipsis; 374 white-space: nowrap; 375 } 376 377 .active-network { 378 color: black; 379 font-weight: bold; 380 } 381 382 .network-disabled-control { 383 color: #999; 384 } 385 386 /* Restrict the size of the networks menu, by limiting the number of 387 visible networks. */ 388 .network-menu-group { 389 max-height: 192px; 390 overflow-x: hidden; 391 overflow-y: auto; 392 text-overflow: ellipsis; 393 } 394 395 .network-menu-item:hover { 396 background-color: #eee; 397 } 398 399 .network-menu > hr { 400 opacity: 0.4; 401 } 402 403 #shared-proxies { 404 margin-top: 12px; 405 } 406 407 #web-content-section select, 408 .web-content-select-label { 409 min-width: 145px; 410 } 411 412 .web-content-select-label > span:only-of-type { 413 display: inline-block; 414 min-width: 100px; 415 } 416 417 #timezone-value { 418 display: inline-block; 419 vertical-align: baseline; 420 } 421 422 #privacy-explanation { 423 line-height: 1.8em; 424 } 425 426 #advanced-settings { 427 height: 0; 428 margin-top: 8px; 429 overflow: hidden; 430 } 431 432 .sliding { 433 -webkit-transition: height 200ms; 434 overflow-y: hidden; 435 } 436 437 #keyboard-overlay .option-value > select { 438 width: 100%; 439 } 440 441 #keyboard-overlay table { 442 /* Same as .settings-row {margin}. */ 443 -webkit-border-vertical-spacing: 0.65em; 444 } 445 446 #accessibility-autoclick .controlled-setting-with-label { 447 -webkit-box-align: baseline; 448 } 449 450 #accessibility-autoclick label + select { 451 /* Same as .controlled-setting-with-label > input + span. */ 452 -webkit-margin-start: 0.6em; 453 } 454