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 {
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 {
-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;
}
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;
}
}
/* TITLES */
+/*#newtab-intro-what,*/
.newtab-sponsored,
-.newtab-title {
+.newtab-title,
+.newtab-suggested {
padding: 0 8px;
background-color: rgba(255,159,0,.8);
color: #000000;
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 {
background-size: 10px;
content: "";
height: 17px;
- left: 0;
+ left: 5px;
+ top: 5px;
position: absolute;
width: 10px;
}