@import "chrome://global/skin/";
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+
/* View buttons */
#viewGroup {
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
}
#viewGroup > radio {
#topBar {
border-bottom: 2px solid #9C9CFF;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
background-color: #000000;
color: #FF9F00;
}
}
row > label {
- padding: 3px 0;
+ padding: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 19px; /* match textbox */
}
textbox {
background: transparent !important;
border: none;
padding: 0px;
- margin-top: 1px;
+ margin-top: 0px;
-moz-appearance: none;
}
+/* This would be ideal but doesn't work */
+/*
+html|*.textbox-input > .anonymous-div,
+html|*.textbox-input::placeholder {
+ line-height: 1em !important;
+}
+*/
+
+textbox[readonly="true"] html|*.textbox-input {
+ max-height: 1em; /* work around the above rule that does not work */
+}
+
textbox.header {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.iframe {
}
/* General Tab */
-groupbox.collapsable caption .caption-icon {
+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-selected.gif");
+ margin-inline-start: 2px;
+ margin-inline-end: 2px;
+ background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
}
groupbox.collapsable[closed="true"] {
-moz-appearance: none;
}
-groupbox.collapsable[closed="true"] > caption > .caption-icon {
- background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
+groupbox.collapsable[closed="true"] > caption > .caption-icon {
+ background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
}
groupbox.collapsable > caption:hover {
background-color: #FFCF00;
}
-groupbox.treebox {
+groupbox.treebox {
padding: 0;
}
-groupbox.treebox > tree {
+groupbox.treebox > tree {
margin: 2px;
margin-top: 0;
border: none;
border-top-left-radius: 0;
}
-groupbox.treebox > tree > treecols > treecol {
+groupbox.treebox > tree > treecols > treecol {
border: none;
border-bottom: 1px solid #FF9F00;
background-color: #A09090;
padding: 0 3px;
}
-#securityBox description {
- -moz-margin-start: 10px;
+#securityBox description {
+ margin-inline-start: 10px;
}
#general-security-identity {
#feedListbox richlistitem {
padding-top: 6px;
padding-bottom: 6px;
- -moz-padding-start: 7px;
- -moz-padding-end: 7px;
+ padding-inline-start: 7px;
+ padding-inline-end: 7px;
min-height: 25px;
border-bottom: 1px dotted #9C9CFF;
}
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
}
*/
-.feedTitle {
+.feedTitle {
font-weight: bold;
}
.permission {
padding-top: 6px;
padding-bottom: 6px;
- -moz-padding-start: 7px;
- -moz-padding-end: 7px;
+ padding-inline-start: 7px;
+ padding-inline-end: 7px;
min-height: 25px;
border-bottom: 1px dotted #9C9CFF;
}
}
#securityPanel .fieldLabel {
- margin: 2px 10px 3px 10px;
+ margin: 0px 10px;
}
#securityPanel .fieldValue {
font-weight: bold;
- margin: 2px 10px 0px 10px;
+ margin: 0px 10px;
+}
+
+#securityPanel row {
+ -moz-box-align: center;
+}
+
+#security-technical-box > .fieldValue,
+#security-technical-box > .fieldLabel {
+ margin-bottom: .5em;
}