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 10fc79fbc8de72061e82172e1364daec2f1788da..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.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,17 +155,39 @@ groupbox.collapsable[closed="true"] {
   -moz-appearance: none;
 }
 
-groupbox.collapsable[closed="true"] caption .caption-icon { 
-  background-image: url("chrome://global/skin/tree/twisty-closed.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 tree { 
-  margin: 0 3px;
+groupbox.treebox {
+  padding: 0;
+}
+
+groupbox.treebox > tree {
+  margin: 2px;
+  margin-top: 0;
+  border: none;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+groupbox.treebox > tree > treecols > treecol {
   border: none;
+  border-bottom: 1px solid #FF9F00;
+  background-color: #A09090;
+  border-radius: 0;
+}
+
+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 {
@@ -192,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;
 }
@@ -211,7 +251,7 @@ treechildren::-moz-tree-cell-text(broken) {
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */
-.feedTitle { 
+.feedTitle {
   font-weight: bold;
 }
 
@@ -230,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;
 }
@@ -254,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;
 }