gecko/browser/themes/winstripe/pageInfo.css
2012-05-21 12:12:37 +01:00

259 lines
4.6 KiB
CSS

/* 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/. */
@import "chrome://global/skin/";
/* View buttons */
#viewGroup {
-moz-padding-start: 10px;
}
#viewGroup > radio {
list-style-image: url("chrome://browser/skin/pageInfo.png");
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-appearance: none;
padding: 5px 3px 1px 3px;
margin: 0 1px;
min-width: 4.5em;
}
#viewGroup > radio:hover {
background-color: #E0E8F6;
color: black;
}
#viewGroup > radio[selected="true"] {
background-color: #C1D2EE;
color: black;
}
#topBar {
border-bottom: 2px groove ThreeDFace;
-moz-padding-start: 10px;
background-color: -moz-Field;
color: -moz-FieldText;
}
#generalTab {
-moz-image-region: rect(0px, 32px, 32px, 0px)
}
#generalTab:hover, #generalTab[selected="true"] {
-moz-image-region: rect(32px, 32px, 64px, 0px)
}
#mediaTab {
-moz-image-region: rect(0px, 64px, 32px, 32px)
}
#mediaTab:hover, #mediaTab[selected="true"] {
-moz-image-region: rect(32px, 64px, 64px, 32px)
}
#feedTab {
-moz-image-region: rect(0px, 96px, 32px, 64px)
}
#feedTab:hover, #feedTab[selected="true"] {
-moz-image-region: rect(32px, 96px, 64px, 64px)
}
#permTab {
-moz-image-region: rect(0px, 128px, 32px, 96px)
}
#permTab:hover, #permTab[selected="true"] {
-moz-image-region: rect(32px, 128px, 64px, 96px)
}
#securityTab {
-moz-image-region: rect(0px, 160px, 32px, 128px)
}
#securityTab:hover, #securityTab[selected="true"] {
-moz-image-region: rect(32px, 160px, 64px, 128px)
}
deck {
padding: 10px 10px 10px 10px;
}
/* Misc */
tree {
margin: .5em;
}
.gridSeparator {
width: .5em;
}
textbox {
background: transparent !important;
border: none;
padding: 0px;
margin-top: 1px;
-moz-appearance: none;
}
textbox.header {
-moz-margin-start: 0;
}
.iframe {
margin: .5em;
background: white;
overflow: auto;
}
.fixedsize {
height: 8.5em;
}
textbox[disabled] {
font-style: italic;
}
/* General Tab */
groupbox.collapsable caption .caption-icon {
width: 9px;
height: 9px;
background-repeat: no-repeat;
background-position: center;
-moz-margin-start: 2px;
-moz-margin-end: 2px;
background-image: url("chrome://global/skin/tree/twisty-open.png");
}
groupbox.collapsable[closed="true"] {
border: none;
margin-bottom: 9px;
-moz-appearance: none;
}
groupbox.collapsable[closed="true"] caption .caption-icon {
background-image: url("chrome://global/skin/tree/twisty-clsd.png");
}
groupbox tree {
margin: 0 3px;
border: none;
}
#securityBox description {
-moz-margin-start: 10px;
}
#general-security-identity {
white-space: pre-wrap;
line-height: 2em;
}
/* Media Tab */
#imagetree {
min-height: 10em;
margin-bottom: 0;
}
#mediaSplitter {
border-style: none;
background: 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;
}
/* Feeds Tab */
#feedtree {
margin-bottom: 0px;
}
#feedListbox richlistitem {
padding-top: 6px;
padding-bottom: 6px;
-moz-padding-start: 7px;
-moz-padding-end: 7px;
min-height: 25px;
border-bottom: 1px dotted #C0C0C0;
}
#feedListbox richlistitem[selected="true"] {
background-color: -moz-Dialog;
color: -moz-DialogText;
}
#feedListbox {
border: 2px solid;
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
}
.feedTitle {
font-weight: bold;
}
/* Permissions Tab */
#permList {
margin-top: .5em;
overflow: auto;
border: 2px solid;
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
background-color: -moz-field;
}
.permission {
padding-top: 6px;
padding-bottom: 6px;
-moz-padding-start: 7px;
-moz-padding-end: 7px;
min-height: 25px;
border-bottom: 1px dotted #C0C0C0;
}
.permissionLabel {
font-weight: bold;
}
.permission:hover {
background-color: -moz-dialog;
}
/* Security Tab */
#securityPanel .caption-icon {
display: none;
}
#securityPanel .header {
font-size: 120%;
}
#securityPanel .fieldLabel {
margin: 2px 10px 3px 10px;
}
#securityPanel .fieldValue {
font-weight: bold;
margin: 2px 10px 0px 10px;
}