michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: @import "chrome://global/skin/";
michael@0: 
michael@0: /* View buttons */
michael@0: #viewGroup {
michael@0:   -moz-padding-start: 10px;
michael@0: }
michael@0: 
michael@0: #viewGroup > radio {
michael@0:   list-style-image: url("chrome://browser/skin/pageInfo.png");
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-align: center;
michael@0:   -moz-appearance: none;
michael@0:   padding: 5px 3px 1px 3px;
michael@0:   margin: 0 1px;
michael@0:   min-width: 4.5em;
michael@0: }
michael@0: 
michael@0: #viewGroup > radio:hover {
michael@0:   background-color: #E0E8F6;
michael@0:   color: black;
michael@0: }
michael@0: 
michael@0: #viewGroup > radio[selected="true"] {
michael@0:   background-color: #C1D2EE;
michael@0:   color: black;
michael@0: }
michael@0: 
michael@0: #topBar {
michael@0:   border-bottom: 2px groove ThreeDFace;
michael@0:   -moz-padding-start: 10px;
michael@0:   background-color: -moz-Field;
michael@0:   color: -moz-FieldText;
michael@0: }
michael@0: 
michael@0: #generalTab {
michael@0:   -moz-image-region: rect(0px, 32px, 32px, 0px)
michael@0: }
michael@0: 
michael@0: #generalTab:hover, #generalTab[selected="true"] {
michael@0:   -moz-image-region: rect(32px, 32px, 64px, 0px)
michael@0: }
michael@0: 
michael@0: #mediaTab {
michael@0:   -moz-image-region: rect(0px, 64px, 32px, 32px)
michael@0: }
michael@0: 
michael@0: #mediaTab:hover, #mediaTab[selected="true"] {
michael@0:   -moz-image-region: rect(32px, 64px, 64px, 32px)
michael@0: }
michael@0: 
michael@0: #feedTab {
michael@0:   -moz-image-region: rect(0px, 96px, 32px, 64px)
michael@0: }
michael@0: 
michael@0: #feedTab:hover, #feedTab[selected="true"] {
michael@0:   -moz-image-region: rect(32px, 96px, 64px, 64px)
michael@0: }
michael@0: 
michael@0: #permTab {
michael@0:   -moz-image-region: rect(0px, 128px, 32px, 96px)
michael@0: }
michael@0: 
michael@0: #permTab:hover, #permTab[selected="true"] {
michael@0:   -moz-image-region: rect(32px, 128px, 64px, 96px)
michael@0: }
michael@0: 
michael@0: #securityTab {
michael@0:   -moz-image-region: rect(0px, 160px, 32px, 128px)
michael@0: }
michael@0: 
michael@0: #securityTab:hover, #securityTab[selected="true"] {
michael@0:   -moz-image-region: rect(32px, 160px, 64px, 128px)
michael@0: }
michael@0: 
michael@0: deck {
michael@0:   padding: 10px 10px 10px 10px;
michael@0: }
michael@0: 
michael@0: /* Misc */
michael@0: tree {
michael@0:   margin: .5em;
michael@0: }
michael@0: 
michael@0: .gridSeparator {
michael@0:   width: .5em;
michael@0: }
michael@0: 
michael@0: textbox {
michael@0:   background: transparent !important;
michael@0:   border: none;
michael@0:   padding: 0px;
michael@0:   margin-top: 1px;
michael@0:   -moz-appearance: none;
michael@0: }
michael@0: 
michael@0: textbox.header {
michael@0:   -moz-margin-start: 0;
michael@0: }
michael@0: 
michael@0: .iframe {
michael@0:   margin: .5em;
michael@0:   background: white;
michael@0:   overflow: auto;
michael@0: }
michael@0: 
michael@0: .fixedsize {
michael@0:   height: 8.5em;
michael@0: }
michael@0: 
michael@0: textbox[disabled] {
michael@0:   font-style: italic;
michael@0: }
michael@0: 
michael@0: /* General Tab */
michael@0: groupbox.collapsable caption .caption-icon { 
michael@0:   width: 9px;
michael@0:   height: 9px;
michael@0:   background-repeat: no-repeat;
michael@0:   background-position: center;
michael@0:   -moz-margin-start: 2px;
michael@0:   -moz-margin-end: 2px;
michael@0:   background-image: url("chrome://global/skin/tree/twisty-open.png");
michael@0: }
michael@0: 
michael@0: groupbox.collapsable[closed="true"] {
michael@0:   border: none;
michael@0:   margin-bottom: 9px;
michael@0:   -moz-appearance: none;
michael@0: }
michael@0: 
michael@0: groupbox.collapsable[closed="true"] caption .caption-icon { 
michael@0:   background-image: url("chrome://global/skin/tree/twisty-clsd.png");
michael@0: }
michael@0: 
michael@0: groupbox tree { 
michael@0:   margin: 0 3px;
michael@0:   border: none;
michael@0: }
michael@0: 
michael@0: #securityBox description { 
michael@0:   -moz-margin-start: 10px;
michael@0: }
michael@0: 
michael@0: #general-security-identity {
michael@0:   white-space: pre-wrap;
michael@0:   line-height: 2em;
michael@0: }
michael@0: 
michael@0: /* Media Tab */
michael@0: #imagetree {
michael@0:   min-height: 10em;
michael@0:   margin-bottom: 0;
michael@0: }
michael@0: 
michael@0: #mediaSplitter {
michael@0:   border-style: none;
michael@0:   background: none;
michael@0:   height: .8em;
michael@0: }
michael@0: 
michael@0: #mediaGrid {
michael@0:   min-height: 9em;
michael@0: }
michael@0: 
michael@0: #mediaLabelColumn {
michael@0:   min-width: 10em;
michael@0: }
michael@0: 
michael@0: #thepreviewimage {
michael@0:   margin: 1em;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-cell-text(broken) {
michael@0:   font-style: italic;
michael@0:   color: graytext;
michael@0: }
michael@0: 
michael@0: /* Feeds Tab */
michael@0: #feedtree {
michael@0:   margin-bottom: 0px;
michael@0: }
michael@0: 
michael@0: #feedListbox richlistitem {
michael@0:   padding-top: 6px;
michael@0:   padding-bottom: 6px;
michael@0:   -moz-padding-start: 7px;
michael@0:   -moz-padding-end: 7px;
michael@0:   min-height: 25px;
michael@0:   border-bottom: 1px dotted #C0C0C0;
michael@0: }
michael@0: 
michael@0: #feedListbox richlistitem[selected="true"] {
michael@0:   background-color: -moz-Dialog;
michael@0:   color: -moz-DialogText;
michael@0: }
michael@0: 
michael@0: #feedListbox {
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
michael@0:   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
michael@0: }
michael@0: 
michael@0: .feedTitle { 
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: /* Permissions Tab */
michael@0: #permList {
michael@0:   margin-top: .5em;
michael@0:   overflow: auto;
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
michael@0:   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
michael@0:   background-color: -moz-field;
michael@0: }
michael@0: 
michael@0: .permission {
michael@0:   padding-top: 6px;
michael@0:   padding-bottom: 6px;
michael@0:   -moz-padding-start: 7px;
michael@0:   -moz-padding-end: 7px;
michael@0:   min-height: 25px;
michael@0:   border-bottom: 1px dotted #C0C0C0;
michael@0: }
michael@0: 
michael@0: .permissionLabel {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: .permission:hover {
michael@0:   background-color: -moz-dialog;
michael@0: }
michael@0: 
michael@0: /* Security Tab */
michael@0: #securityPanel .caption-icon {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #securityPanel .header {
michael@0:   font-size: 120%;
michael@0: }
michael@0:  
michael@0: #securityPanel .fieldLabel {
michael@0:   margin: 2px 10px 3px 10px;
michael@0: }
michael@0: 
michael@0: #securityPanel .fieldValue {
michael@0:   font-weight: bold;
michael@0:   margin: 2px 10px 0px 10px;
michael@0: }