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 #content-settings-page { 6 min-width: 620px; 7 } 8 9 #content-settings-exceptions-area { 10 min-width: 540px; 11 } 12 13 .exception-pattern { 14 -webkit-box-flex: 1; 15 -webkit-margin-end: 10px; 16 -webkit-margin-start: 14px; 17 } 18 19 .exception-setting { 20 display: inline-block; 21 width: 120px; 22 } 23 24 select.exception-setting { 25 vertical-align: middle; 26 } 27 28 #exception-column-headers { 29 -webkit-margin-start: 17px; 30 display: -webkit-box; 31 margin-top: 17px; 32 } 33 34 #exception-column-headers > div { 35 font-weight: bold; 36 } 37 38 #exception-pattern-column { 39 -webkit-box-flex: 1; 40 } 41 42 .exception-value-column-header { 43 width: 145px; 44 } 45 46 .otr-explanation { 47 font-style: italic; 48 } 49 50 #content-settings-exceptions-area list { 51 margin-bottom: 10px; 52 margin-top: 4px; 53 } 54 55 #disable-plugins-container { 56 /* Same as .checkbox and .radio padding. Using padding instead of margin 57 * to ensure minimum height for tap target. */ 58 padding: 7px 0; 59 } 60 61 #group-indicator { 62 margin-left: 5px; 63 } 64 65 div[role='listitem'][controlled-by] { 66 color: #666; 67 font-style: italic; 68 position: relative; 69 } 70 71 .settings-list div[role='listitem'][controlled-by='policy'], 72 .settings-list div[role='listitem'][controlled-by='extension'] { 73 background: rgb(250, 230, 146); 74 border-bottom: 1px solid rgb(201, 189, 141); 75 border-top: 0; 76 } 77 78 .sublabel { 79 -webkit-margin-start: 2em; 80 } 81 82 .media-device-control { 83 display: table-row; 84 } 85 86 .media-device-control > span { 87 display: table-cell; 88 min-width: 145px; 89 } 90 91 .media-device-control > select { 92 display: table-cell; 93 margin: 5px 0; 94 width: 12em; 95 } 96 97 .exception-setting.media-audio-setting { 98 width: 6em; 99 } 100 101 .exception-setting.media-video-setting { 102 width: 6.5em; 103 } 104 105 #media-column-header { 106 display: -webkit-box; 107 } 108 109 #media-audio-column { 110 width: 6em; 111 } 112 113 #media-video-column { 114 width: 8.5em; 115 } 116