apply height workaround to page info only

[themes.git] / LCARStrek / browser / pageInfo.css

diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css
index afa04c1668f6e702727c7213a27633bae8008a2c..8e95be04d6c43f6d68864b9577d45b9e88efaacf 100644 (file)
--- a/LCARStrek/browser/pageInfo.css
+++ b/LCARStrek/browser/pageInfo.css
@@ -4,9 +4,12 @@
 
 @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 {
@@ -32,7 +35,7 @@
 
 #topBar {
   border-bottom: 2px solid #9C9CFF;
-  -moz-padding-start: 10px;
+  padding-inline-start: 10px;
   background-color: #000000;
   color: #FF9F00;
 }
@@ -91,19 +94,34 @@ tree {
 }
 
 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 {
@@ -121,14 +139,14 @@ textbox[disabled] {
 }
 
 /* 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"] {
@@ -137,19 +155,19 @@ 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;
@@ -157,7 +175,7 @@ groupbox.treebox > tree {
   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;
@@ -168,8 +186,8 @@ groupbox.treebox > tree > treechildren::-moz-tree-cell {
   padding: 0 3px;
 }
 
-#securityBox description { 
-  -moz-margin-start: 10px;
+#securityBox description {
+  margin-inline-start: 10px;
 }
 
 #general-security-identity {
@@ -214,8 +232,8 @@ treechildren::-moz-tree-cell-text(broken) {
 #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;
 }
@@ -233,7 +251,7 @@ treechildren::-moz-tree-cell-text(broken) {
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */
-.feedTitle { 
+.feedTitle {
   font-weight: bold;
 }
 
@@ -252,8 +270,8 @@ treechildren::-moz-tree-cell-text(broken) {
 .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;
 }
@@ -276,10 +294,19 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #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;
 }