first part of syncing LCARStrek with Firefox 49/50 windows theme changes

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

diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css
index 10fc79fbc8de72061e82172e1364daec2f1788da..1d89fec4dd7dffacad193b23e7bba09501246302 100644 (file)
--- a/LCARStrek/browser/pageInfo.css
+++ b/LCARStrek/browser/pageInfo.css
@@ -6,7 +6,7 @@
 
 /* View buttons */
 #viewGroup {
-  -moz-padding-start: 10px;
+  padding-inline-start: 10px;
 }
 
 #viewGroup > radio {
@@ -32,7 +32,7 @@
 
 #topBar {
   border-bottom: 2px solid #9C9CFF;
-  -moz-padding-start: 10px;
+  padding-inline-start: 10px;
   background-color: #000000;
   color: #FF9F00;
 }
@@ -103,7 +103,7 @@ textbox {
 }
 
 textbox.header {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 .iframe {
@@ -121,14 +121,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 +137,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 tree { 
-  margin: 0 3px;
+groupbox.collapsable > caption:hover { 
+  background-color: #FFCF00;
+}
+
+groupbox.treebox {
+  padding: 0;
+}
+
+groupbox.treebox > tree {
+  margin: 2px;
+  margin-top: 0;
   border: none;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
 }
 
-#securityBox description { 
-  -moz-margin-start: 10px;
+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 {
+  margin-inline-start: 10px;
 }
 
 #general-security-identity {
@@ -192,8 +214,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 +233,7 @@ treechildren::-moz-tree-cell-text(broken) {
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */
-.feedTitle { 
+.feedTitle {
   font-weight: bold;
 }
 
@@ -230,8 +252,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 +276,14 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #securityPanel .fieldLabel {
-  margin: 2px 10px 3px 10px;
+  margin: 2px 10px 3px;
 }
 
 #securityPanel .fieldValue {
   font-weight: bold;
-  margin: 2px 10px 0px 10px;
+  margin: 2px 10px 0px;
+}
+
+#securityPanel row {
+  -moz-box-align: center;
 }