@-moz-document url("about:newtab") {

#scrollbox {
    color: #000 !important;
    background-color: #000000 !important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)), -moz-linear-gradient(left,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)),
url("chrome://mozapps/skin/extensions/background-texture.png") !important;
    border-top: none !important;}

#grid {
    margin-top:-25px!important;  
    padding:30px!important;  
    background:none!important;
    background-color:transparent!important;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,.60)!important; 
    border: 2px solid !important;
    -moz-border-left-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-right-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-top-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-bottom-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    border-radius: 5px 5px 5px 5px!important;}

li.cell {
    outline-color: transparent !important;}

li.cell:hover {
    outline-color: rgba(255,255,255,.6) !important;}

a {
    outline-color: transparent !important;}

.site {
    box-shadow: 0 1px 3px 2px rgba(0,0,0,.60)!important;}

.site, .site-img {
    border-radius: 8px!important;}

.site-strip {
    border-radius: 6px 6px 0px 0px!important;}

.site-title {
    border-radius: 0px 0px 6px 6px!important;}

.site-strip:hover, .site-strip:active, .site-title:hover, .site-title:active {
    background-color: #000000 !important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)), -moz-linear-gradient(left, rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2))!important;
    -moz-transition-duration: 2s, 3s, 3s, 2s!important;
    -moz-transition:all 650ms ease-in-out !important;}

/* New Tab Page Styling for Fx 13+ */

#newtab-scrollbox {
    color: #000 !important;
    background-color: #000000 !important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)), -moz-linear-gradient(left,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)),
url("chrome://mozapps/skin/extensions/background-texture.png") !important;
    border-top: none !important;}

#newtab-undo-container {
    margin-bottom: 5px!important;
    padding-bottom: 2px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
    padding-top: 2px!important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    border-bottom-left-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;}

#newtab-undo-container:hover {
    background-color: rgba(255, 255, 255, 0.6)!important;}

#newtab-undo-label {
    color: #000 !important;}

#newtab-recent {
    margin-top: 1px!important;
    margin-bottom: 13px!important;}

#newtab-grid {
    margin:-5px!important;  
    padding:15px!important;  
    background:none!important;
    background-color:transparent!important;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,.60)!important; 
    border: 2px solid !important;
    -moz-border-left-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-right-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-top-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    -moz-border-bottom-colors: rgba(0,0,0,.7) rgba(255,255,255,.6) !important;
    border-radius: 5px 5px 5px 5px!important;}

.newtab-cell {
    background:none!important;
    background-color:transparent!important;}

.newtab-site, .newtab-thumbnail, .newtab-cell {
    border-radius: 8px!important;}

.newtab-title {
    font-weight: 700 !important;
    border-radius: 0px 0px 6px 6px!important;}

.newtab-title:hover, .newtab-title:active {
    color: white !important;
    background-color: #000000 !important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2)), -moz-linear-gradient(left, rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.2))!important;
    -moz-transition-duration: 2s, 3s, 3s, 2s!important;
    -moz-transition:all 950ms ease-in-out !important;}

.newtab-control-pin[pinned="true"] {
    opacity: 1 !important;}

#config-toggle {
margin-top: -7px !important;
margin-right: -7px !important;}
}