Firefox CSS UserContent

/*These two symbols allow comments.*/

/*This removes the Firefox logo on the new tabs page.*/
@-moz-document url("about:newtab"), url("about:home") {
  .logo-and-wordmark {
    display:none !important;
  }

/*This changes the scale of the pinned/recent websites icons on the new tabs page.*/
  .top-sites-list .top-site-outer .top-site-button {
    transform: scale(1.2,1.2) !important;
  }
}

/*This governs the space between the pinned/recent websites icons on the new tabs page. Unforntunately, altering this alone uncenters the buttons and can make the "..." button overlap.*/
.top-site-outer {
        width: 100px !important; /* 120 is default value */
    }

/*This changes the length and width of the inner colorful portion of the pinned/recent websites icons.*/
  .top-site-outer .tile .icon-wrapper {
    width:  30px !important; /* 40 is default value */
    height: 30px !important; /* 40 is default value */
    }

/*Makes the rounding of the pinned websites tiles on the new tabs page less ugly.*/
@-moz-document url(chrome://browser/content/browser.xul), url(about:newtab), url(about:home) {
    .top-site-outer .tile {
        border-radius: 10px !important;
    }
}

/*Vertically centers the favorite websites icons.*/
@-moz-document url(about:newtab), url(about:home) {
  main {
    margin-top: var(--newtab-pinnedsites-position-top, 6%) !important;
  }
}

/*Removes customise buttons purple border and light purple background color.*/
@-moz-document url(about:newtab), url(about:home) {
  .button-background {
    border: none !important;
    border-radius: 4px !important;
    button:hover > & {
      background-color: transparent !important;
    }
  }
}

@-moz-document url(about:newtab), url(about:home) {

/* Removes Nova tile mouseover enlarge animation */
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .tile {
  width: 64px !important;
  height: 64px !important;
}

/* Removes Nova animation for pin and ... icons */
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .icon-pin-small,
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .context-menu-button {
  transition: none !important;
}


}