second part of syncing LCARStrek with Firefox 39 windows theme changes

[themes.git] / LCARStrek / browser / newtab / newTab.css

diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css
index 4f8fe0e3df8600c2409d0a1c4c5015674616be10..837fe327482c266be5aac7128237e80bae7d5311 100644 (file)
--- a/LCARStrek/browser/newtab/newTab.css
+++ b/LCARStrek/browser/newtab/newTab.css
@@ -71,19 +71,6 @@
   outline: 1px dotted;
 }
 
-/* TOGGLE */
-#newtab-toggle {
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  border: none;
-  background: -216px 0 transparent url("chrome://browser/skin/newtab/controls.png");
-}
-
-#newtab-toggle[page-disabled] {
-  background-position: -232px 0;
-}
-
 /* CUSTOMIZE */
 #newtab-customize-button,
 .newtab-customize {
@@ -101,27 +88,12 @@
   background-color: #FFCF00;
 }
 
-/* ROWS */
-.newtab-row {
-  margin-bottom: 20px;
-}
-
-.newtab-row:last-child {
-  margin-bottom: 0;
-}
-
-.newtab-row > .newtab-cell {
-  /* this only applies before Directory Tiles work, row is gone afterwards. */
-  -moz-margin-end: 20px;
-}
-
 /* CELLS */
 .newtab-cell {
   background-color: rgba(255,159,0,.2);
   border: 1px solid;
   border-color: #9C9CFF;
   border-radius: 1px;
-  transition: border-color 100ms ease-out;
 }
 
 .newtab-cell:empty {
@@ -129,16 +101,9 @@
   -moz-outline-radius: 2px;
 }
 
-.newtab-row > .newtab-cell:last-child {
-  -moz-margin-end: 0;
-}
-
-.newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {
-  border-color: #FFCF00;
-}
-
 /* SITES */
 .newtab-site {
+  border-radius: inherit;
   text-decoration: none;
   transition-property: top, left, opacity, box-shadow, background-color;
 }
@@ -167,7 +132,7 @@
   transition: opacity 100ms ease-out;
 }
 
-.newtab-site:hover .newtab-thumbnail.enhanced-content {
+.newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content {
   opacity: 0;
 }
 
@@ -180,8 +145,10 @@
 }
 
 /* TITLES */
+/*#newtab-intro-what,*/
 .newtab-sponsored,
-.newtab-title {
+.newtab-title,
+.newtab-suggested {
   padding: 0 8px;
   background-color: rgba(255,159,0,.8);
   color: #000000;
@@ -189,8 +156,18 @@
   bottom: 0 !important;
 }
 
-.newtab-site[type=sponsored] .newtab-title {
-  -moz-padding-end: 24px;
+.newtab-suggested {
+  background-color: #9C9CFF;
+}
+
+.newtab-suggested:hover {
+  background-color: #FFCF00;
+  border: 1px solid #9C9CFF;
+}
+
+.newtab-suggested[active] {
+  background-color: #FF9F00;
+  border: 0;
 }
 
 .newtab-site:hover .newtab-title {
@@ -206,7 +183,8 @@
   background-size: 10px;
   content: "";
   height: 17px;
-  left: 0;
+  left: 5px;
+  top: 5px;
   position: absolute;
   width: 10px;
 }