first part of syncing LCARStrek with Firefox 54 browser windows theme changes

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

diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css
index 9b85e7ecaa58f36be8b485c9b288f3a33c372bb5..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 {
@@ -126,8 +144,8 @@ groupbox.collapsable caption .caption-icon {
   height: 9px;
   background-repeat: no-repeat;
   background-position: center;
-  -moz-margin-start: 2px;
-  -moz-margin-end: 2px;
+  margin-inline-start: 2px;
+  margin-inline-end: 2px;
   background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
 }
 
@@ -169,7 +187,7 @@ groupbox.treebox > tree > treechildren::-moz-tree-cell {
 }
 
 #securityBox description {
-  -moz-margin-start: 10px;
+  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;
 }
@@ -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,14 +294,19 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #securityPanel .fieldLabel {
-  margin: 2px 10px 3px;
+  margin: 0px 10px;
 }
 
 #securityPanel .fieldValue {
   font-weight: bold;
-  margin: 2px 10px 0px;
+  margin: 0px 10px;
 }
 
 #securityPanel row {
   -moz-box-align: center;
 }
+
+#security-technical-box > .fieldValue,
+#security-technical-box > .fieldLabel {
+  margin-bottom: .5em;
+}