second and last part of syncing LCARStrek with Firefox 40 windows theme changes
[themes.git] / LCARStrek / browser / newtab / newTab.css
index 837fe327482c266be5aac7128237e80bae7d5311..77ecbc1b9b541e05c20fc19db2060b82cfbcc798 100644 (file)
@@ -89,7 +89,9 @@
 }
 
 /* CELLS */
-.newtab-cell {
+.newtab-cell,
+.newtab-intro-cell,
+.newtab-intro-cell-hover {
   background-color: rgba(255,159,0,.2);
   border: 1px solid;
   border-color: #9C9CFF;
   transition-property: top, left, opacity, box-shadow, background-color;
 }
 
-.newtab-cell:not([ignorehover]) > .newtab-site:hover,
-.newtab-site[dragged] {
+.newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link,
+.newtab-cell:not([ignorehover]) .newtab-link:hover,
+.newtab-site[dragged],
+.newtab-intro-cell-hover .newtab-link {
   box-shadow: 0 0 10px rgba(0,132,132,.3);
 }
 
+.newtab-intro-cell .newtab-thumbnail,
+.newtab-intro-cell-hover .newtab-thumbnail {
+  background-color: #cae1f4;
+  background-image: url("chrome://browser/skin/newtab/whimsycorn.png");
+}
+
 .newtab-site[dragged] {
   transition-property: box-shadow, background-color;
   background-color: #002121;
 
 /* LINKS */
 .newtab-link {
-  border-radius: 3px;
+  border-radius: 10px;
+  overflow: hidden;
 }
 
 /* THUMBNAILS */
   background-clip: padding-box;
   background-repeat: no-repeat;
   background-size: cover;
+  border-radius: 8px 8px 0px 0px;
+  height: 180px;
   transition: opacity 100ms ease-out;
 }
 
   bottom: 0 !important;
 }
 
+/*
 .newtab-suggested {
   background-color: #9C9CFF;
 }
   background-color: #FF9F00;
   border: 0;
 }
-
+*/
 .newtab-site:hover .newtab-title {
   background-color: #FFCF00;
 }
 
 .newtab-site[pinned] .newtab-title {
-  padding: 0 15px;
+  -moz-padding-start: 24px;
 }
 
 .newtab-site[pinned] .newtab-title::before {
   top: 5px;
   position: absolute;
   width: 10px;
+  margin-left: 8px;
+  margin-top: 6px;
 }
 
 .newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {