first part of syncing LCARStrek with Firefox 38 windows theme changes
[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css
index 38c1351db82b002441a0eb578706f5a5f907ee91..948d9a7ba63a8ed7641102950d4a1c2d9cb5e59a 100644 (file)
@@ -163,6 +163,12 @@ treecol {
   -moz-image-region: rect(24px, 168px, 48px, 144px);
 }
 
+@media (max-width: 800px) {
+  .category-name {
+    display: none;
+  }
+}
+
 /* header */
 
 #header-advanced {
@@ -190,6 +196,13 @@ treecol {
   font-weight: bold;
 }
 
+/* Content pane */
+#playDRMContentLink {
+  /* Line up with the buttons in the other grid bits: */
+  margin-left: 4px !important;
+  margin-right: 4px !important;
+}
+
 /* Applications Pane Styles */
 
 #applicationsContent {
@@ -201,80 +214,11 @@ treecol {
 }
 
 #handlersView {
-  -moz-margin-start: 0;
-  font-size: 1.25rem;
-  line-height: 22px;
-  border: none; /*1px solid #9C9CFF;*/
-  margin: 0;
-  overflow-y: auto;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  height: 500px;
-}
-
-#handlersView > listheader > treecol {
-}
-
-#handlersView > scrollbox {
-  border-left: 1px solid #9C9CFF;
-  border-right: 1px solid #9C9CFF;
-  border-bottom: 1px solid #9C9CFF;
-}
-
-#handlersView > listheader {
-  background: transparent;
-  border: 0;
-  padding: 0;
-}
-
-#typeColumn,
-#actionColumn {
-  line-height: 20px;
-/*  color: #737980;
-  height: 36px;
-  padding: 0 10px;
-  background-color: #F7F7F7;
-  border: 1px solid #CCCCCC;
-  -moz-border-top-colors: none;
-  -moz-border-right-colors: none;
-  -moz-border-bottom-colors: none;
-  -moz-border-left-colors: none;
-*/
-}
-
-#typeColumn:-moz-locale-dir(ltr),
-#actionColumn:-moz-locale-dir(rtl) {
-  border-top-left-radius: 5px;
-}
-
-#typeColumn:-moz-locale-dir(rtl),
-#actionColumn:-moz-locale-dir(ltr) {
-  border-top-right-radius: 5px;
-}
-/*
-#typeColumn:hover,
-#actionColumn:hover {
-  border-color: #737980;
-}
-
-#typeColumn:hover:active,
-#actionColumn:hover:active {
-  padding: 0 10px;
-  border-color: #0096DC;
-}
-*/
-#typeColumn > .treecol-sortdirection[sortDirection=ascending],
-#actionColumn > .treecol-sortdirection[sortDirection=ascending],
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
-}
-
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
+  height: 25em;
 }
 
 #handlersView > richlistitem {
-  min-height: 40px !important;
+  min-height: 36px !important;
 }
 
 .typeIcon {
@@ -288,8 +232,7 @@ treecol {
 }
 
 .actionsMenu {
-  height: 40px;
-  max-height: 40px;
+  min-height: 36px;
 }
 
 .actionsMenu > menupopup > menuitem {
@@ -306,16 +249,6 @@ description > html|a {
   cursor: pointer;
 }
 
-#offlineAppsList,
-#syncEnginesList {
-/*  -moz-appearance: none;
-  color: #737980;
-  padding: 10px;
-  border: 1px solid rgba(23,50,77,0.4);
-  border-radius: 5px;
-  background-color: #F1F1F1;*/
-}
-
 #noFxaAccount {
   /* Overriding the margins from the base preferences.css theme file.
      These overrides can be simplified by fixing bug 1027174 */
@@ -337,6 +270,10 @@ description > html|a {
   padding-bottom: 0; /* no padding needed in inContent prefs */
 }
 
+#tabsElement {
+/*  -moz-margin-end: 4px; / add the 4px end-margin of other elements */
+}
+
 #encryptionPanel {
   margin-top: 15px;
 }
@@ -372,6 +309,7 @@ description > html|a {
 
 #dialogBox {
   background-color: #000000;
+  background-clip: content-box;
   color: #FF9F00;
   /* font-size: 14px; */
   border: 1px solid #9C9CFF;
@@ -431,6 +369,28 @@ description > html|a {
  * End Dialog
  */
 
+/**
+ * Sync migration
+ */
+#sync-migrate-upgrade-description {
+  /* description elts need a min-width to wrap correctly - bug 630864? */
+  min-width: 100px
+}
+
+#sync-migration {
+  border: 1px solid #9C9CFF;
+  background-color: #000000;
+  color: #A09090;
+  text-shadow: none;
+  margin: 5px 0 0 0;
+  animation: fadein 3000ms;
+}
+
+@keyframes fadein {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
 /* === END shared/in-content/preferences.css === */
 
 caption {