selectAddons.css (3384B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* This Source Code Form is subject to the terms of the Mozilla Public 6 * License, v. 2.0. If a copy of the MPL was not distributed with this 7 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 8 9 #view-deck { 10 background: Window; 11 } 12 13 .heading { 14 font-size: 270%; 15 text-align: center; 16 margin: 0 120px; 17 } 18 19 .progress { 20 margin: 10px 128px; 21 } 22 23 .progress-label, 24 #errors-description { 25 text-align: center; 26 margin: 0 10px; 27 } 28 29 #checking-heading, 30 #update-heading, 31 #errors-heading { 32 margin-top: 90px; 33 } 34 35 #select-heading, 36 #confirm-heading { 37 margin-top: 10px; 38 margin-bottom: 10px; 39 text-align: center; 40 } 41 42 #select-description, 43 #confirm-description { 44 margin: 10px; 45 } 46 47 #select-list { 48 border-top: 1px solid #D6E5F5; 49 background-color: Window; 50 } 51 52 #select-grid column { 53 -moz-box-align: center; 54 } 55 56 #select-grid row { 57 -moz-box-align: stretch; 58 } 59 60 #select-grid label { 61 margin-top: 0; 62 margin-bottom: 0; 63 } 64 65 .select-cell { 66 -moz-box-align: center; 67 -moz-box-pack: start; 68 } 69 70 #select-header .select-cell { 71 box-sizing: border-box; 72 } 73 74 #select-header .select-keep, 75 #select-header .select-icon, 76 #select-header .select-name, 77 #select-header .select-action { 78 background-image: linear-gradient(#D6E5F5 0%, Window 100%); 79 background-size: 1px 100%; 80 background-position: right; 81 background-repeat: no-repeat; 82 } 83 84 .select-keep { 85 -moz-box-pack: center; 86 } 87 88 .select-icon { 89 width: 20px; 90 } 91 92 .select-keep .addon-keep-checkbox { 93 margin: 0; 94 padding: 0; 95 width: 13px; 96 } 97 98 .select-keep .addon-keep-checkbox:-moz-focusring { 99 outline: 1px dotted ThreeDDarkShadow; 100 } 101 102 .select-keep .checkbox-label-box { 103 display: none; 104 } 105 106 .addon-name, 107 .addon-action-message, 108 .addon-action-update { 109 box-sizing: border-box; 110 margin: 0; 111 padding-top: 1px; 112 padding-bottom: 2px; 113 padding-inline-start: 6px; 114 padding-inline-end: 5px; 115 } 116 117 #select-grid separator { 118 border-top: 1px solid #D6E5F5; 119 height: 0; 120 margin-top: 0.4em; 121 margin-bottom: 0.4em; 122 } 123 124 .addon:not([active]) .addon-name, 125 .addon:not([active]) .addon-action-message, 126 .addon:not([active]) .addon-action-update { 127 color: GrayText; 128 } 129 130 .addon-icon { 131 height: 16px; 132 width: 16px; 133 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); 134 } 135 136 .addon-icon[type="theme"] { 137 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png"); 138 } 139 140 .addon-icon[type="plugin"] { 141 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); 142 } 143 144 .addon-icon[type="dictionary"] { 145 list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png"); 146 } 147 148 .action-list { 149 margin-top: 10px; 150 margin-inline-start: 5em; 151 } 152 153 .action-header { 154 margin-bottom: 10px; 155 } 156 157 #confirm .addon { 158 margin-inline-start: 3em; 159 -moz-box-align: center; 160 } 161 162 .addon:not([active]) .addon-icon, 163 #disable-list .addon-icon, 164 #incompatible-list .addon-icon { 165 filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); 166 } 167 168 #footer { 169 padding: 15px 12px; 170 } 171 172 .progress-label, 173 #footer-label { 174 font-style: italic; 175 color: GrayText; 176 } 177 178 @media (-moz-windows-default-theme) { 179 #footer { 180 background-color: #f1f5fb; 181 box-shadow: 0px 1px 2px rgb(204,214,234) inset; 182 } 183 }