mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-25 03:05:34 +00:00
42c8938dfc
Proper native "groupbox" styling depends on the structure of the XBL binding. By restyling the Page Info dialog, the native styling is now unused except for the Print Page Setup dialog on Windows. The native apperance is thus not applied by default anymore, and the "groupbox" element can just be used semantically for accessibility. The Print Page Setup dialog applies the native styling on its own in a way that still works on Windows. The only other consumers of "groupbox" are the in-content Preferences pages and dialogs. These are updated to use simpler styles that don't depend on the binding structure. Differential Revision: https://phabricator.services.mozilla.com/D8752 --HG-- extra : rebase_source : af36d911980517f9b53036f4cd4f800c5e20ad22
168 lines
2.5 KiB
CSS
168 lines
2.5 KiB
CSS
%if 0
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
%endif
|
|
|
|
@import url("chrome://global/skin/");
|
|
|
|
/* View buttons */
|
|
#viewGroup > radio {
|
|
list-style-image: url("chrome://browser/skin/pageInfo.png");
|
|
-moz-appearance: none;
|
|
min-width: 4.5em;
|
|
margin: 0;
|
|
padding: 3px;
|
|
color: -moz-FieldText;
|
|
}
|
|
|
|
#viewGroup > radio[selected="true"] {
|
|
background-color: Highlight;
|
|
color: HighlightText;
|
|
}
|
|
|
|
#viewGroup > radio > .radio-label-box {
|
|
padding: 0 6px;
|
|
}
|
|
|
|
#topBar {
|
|
border-bottom: 1px solid ThreeDShadow;
|
|
padding-inline-start: 10px;
|
|
background-color: -moz-Field;
|
|
color: -moz-FieldText;
|
|
}
|
|
|
|
#generalTab {
|
|
-moz-image-region: rect(0px, 32px, 32px, 0px)
|
|
}
|
|
|
|
#mediaTab {
|
|
-moz-image-region: rect(0px, 64px, 32px, 32px)
|
|
}
|
|
|
|
#permTab {
|
|
-moz-image-region: rect(0px, 128px, 32px, 96px)
|
|
}
|
|
|
|
#securityTab {
|
|
-moz-image-region: rect(0px, 160px, 32px, 128px)
|
|
}
|
|
|
|
#mainDeck {
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
#mainDeck {
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Misc */
|
|
tree {
|
|
margin: .5em;
|
|
}
|
|
|
|
.gridSeparator {
|
|
width: .5em;
|
|
}
|
|
|
|
textbox {
|
|
background: transparent !important;
|
|
border: none;
|
|
padding: 0;
|
|
margin-top: 1px;
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
textbox.header {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
#imagecontainerbox {
|
|
margin: .5em;
|
|
background: white;
|
|
overflow: auto;
|
|
border: 1px solid ThreeDLightShadow;
|
|
}
|
|
|
|
textbox[disabled] {
|
|
font-style: italic;
|
|
}
|
|
|
|
/* General Tab */
|
|
#generalPanel > #titletext {
|
|
margin-inline-start: 5px;
|
|
}
|
|
|
|
#securityBox description {
|
|
margin-inline-start: 10px;
|
|
}
|
|
|
|
#general-security-identity {
|
|
white-space: pre-wrap;
|
|
line-height: 2em;
|
|
}
|
|
|
|
/* Media Tab */
|
|
#imagetree {
|
|
min-height: 10em;
|
|
margin-top: 2px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#mediaSplitter {
|
|
-moz-appearance: none;
|
|
height: .8em;
|
|
}
|
|
|
|
#mediaGrid {
|
|
min-height: 9em;
|
|
}
|
|
|
|
#mediaLabelColumn {
|
|
min-width: 10em;
|
|
}
|
|
|
|
#thepreviewimage {
|
|
margin: 1em;
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(broken) {
|
|
font-style: italic;
|
|
color: graytext;
|
|
}
|
|
|
|
/* Permissions Tab */
|
|
|
|
#permList {
|
|
-moz-appearance: listbox;
|
|
margin: .5em;
|
|
overflow: auto;
|
|
color: -moz-FieldText;
|
|
}
|
|
|
|
.permission {
|
|
padding: 6px 7px;
|
|
min-height: 25px;
|
|
border-bottom: 1px dotted ThreeDShadow;
|
|
}
|
|
|
|
.permissionLabel {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.permission:hover {
|
|
background-color: -moz-dialog;
|
|
color: -moz-DialogText;
|
|
}
|
|
|
|
/* Security Tab */
|
|
|
|
#securityPanel grid {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#securityPanel row {
|
|
-moz-box-align: center;
|
|
}
|