Page 63 of 67 FirstFirst ... 13536162636465 ... LastLast
  1.    2 Days Ago #621
    Join Date : Jul 2015
    Posts : 870
    Windows 10 Home

    Quote Originally Posted by Joanne View Post
    Thanks, this works perfectly on the text set to 1.2.
      My ComputerSystem Spec
  2.    2 Days Ago #622
    Join Date : Mar 2014
    Posts : 103
    Windows 10, 64 bit
    Thread Starter

    Firefox's big-bang update brings you speed and a new look

    Mozilla has doubled its web browser speed already and hopes to double it again in 2018. Say hello to Firefox Quantum.

    Firefox Quantum update brings double the speed - CNET
      My ComputerSystem Spec
  3.    2 Days Ago #623
    Join Date : Aug 2015
    México
    Posts : 212
    Windows 10 x64 Home 1703

    Finally... I got the hang on the customization of the about:tab: Now I added transparencies (they become solid on hover) and tweaked some minor stuff...

    Click image for larger version. 

Name:	Clipboard01.jpg 
Views:	9 
Size:	589.2 KB 
ID:	163860

    I still need to find something in about:config to limit or expand the number of boxes I can see on Highlights section, but this is way better than the default thing XD

    I love you, CSS!
      My ComputerSystem Spec
  4.    2 Days Ago #624
    Join Date : Jul 2014
    Serbia
    Posts : 10,415
    W10 Insider + Linux

    Did you do clean install or as an update ? Seems that About:config has much less entries in clean install.
      My ComputersSystem Spec
  5.    2 Days Ago #625
    Join Date : Feb 2014
    Posts : 9,328
    Windows 10 Professional

    Quote Originally Posted by FerchogtX View Post

    ......I love you, CSS!
    CSS is good!!!

    Colorize Toolbar Buttons:

    Code:
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    
    @-moz-document url(chrome://browser/content/browser.xul),
      url(chrome://global/content/customizeToolbar.xul)
    {
    
    /*BLUE*/
      #tabview-button .toolbarbutton-icon,
      #save-page-button .toolbarbutton-icon,
      #developer-button .toolbarbutton-icon,
      #preferences-button .toolbarbutton-icon,
      #webrtc-status-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*LIME*/
      #pocket-button .toolbarbutton-icon,
      #context-back,
      #context-forward,
      #back-button .toolbarbutton-icon, 
      #forward-button .toolbarbutton-icon,
      #new-window-button .toolbarbutton-icon,
      #new-tab-button .toolbarbutton-icon,
      #go-button:hover,
      #downloads-button:not([attention]),
      #zoom-in-button .toolbarbutton-icon,
      #copy-button .toolbarbutton-icon,
      #add-ons-button .toolbarbutton-icon,
      #find-button .toolbarbutton-icon,
      #sidebar-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.1 \
        0.3 0.38 0.3 0.0 0.28 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*RED*/
      #context-stop,
      .tabs-closebutton:hover .toolbarbutton-icon,
      .tab-close-button:hover .toolbarbutton-icon,
      #downloads-button[paused] .toolbarbutton-icon,
      #urlbar-stop-button:hover,
      #cut-button .toolbarbutton-icon,
      #zoom-out-button .toolbarbutton-icon,
      #stop-button .toolbarbutton-icon,
      #characterencoding-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ROYAL*/
      #tabview-button .toolbarbutton-icon,
      #context-reload,
      #history-button .toolbarbutton-icon,
      #history-panelmenu .toolbarbutton-icon,
      #fullscreen-button .toolbarbutton-icon,
      #urlbar-reload-button:hover,
      #paste-button .toolbarbutton-icon,
      #reload-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.07 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*POPPY*/
      #urlbar[level="broken"] #page-proxy-favicon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.1 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ORANGE*/
      #loop-button .toolbarbutton-icon,
      #feed-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.2 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /*GOLD*/
      #password-notification-icon,
      #home-button .toolbarbutton-icon,
      #open-file-button .toolbarbutton-icon,
      #email-link-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*CYAN*/
      #sync-button .toolbarbutton-icon,
      #social-share-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*PURPLE*/
      #panic-button .toolbarbutton-icon,
      #privatebrowsing-button .toolbarbutton-icon,
      #print-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.18 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.26 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*AZURE*/
      #urlbar-go-button:not(:hover),
      #urlbar .autocomplete-history-dropmarker:not(:hover),
      #searchbar .searchbar-search-button:not([addengines]),
      #searchbar .search-go-button,
      #context-bookmarkpage,  
      #PanelUI-menu-button .toolbarbutton-icon, 
      #nav-bar-overflow-button .toolbarbutton-icon,
      #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
      #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
      #bookmarks-button .toolbarbutton-icon,
      #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.15 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /* Restore classic colors for verified identity and verified domain */
    
      #urlbar .verifiedDomain
      {
        background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
        box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
        -moz-border-end-color: hsla(215,54%,33%,.2) !important;
        color: hsl(215,54%,33%) !important;
      }
    
      #urlbar .verifiedDomain:hover
      {
        background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
      }
    
      #urlbar .verifiedDomain[open="true"],
      #urlbar .verifiedDomain:hover:active
      {
        background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
        box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
          0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
      }
    
      #urlbar .verifiedIdentity
      {
        background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
        box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
        -moz-border-end-color: hsla(92,81%,16%,.2) !important;
        color: #2f6600 !important;
        font-weight: bold !important;
      }
    
      #urlbar .verifiedIdentity:hover
      {
        background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
      }
    
      #urlbar .verifiedIdentity[open="true"],
      #urlbar .verifiedIdentity:hover:active
      {
        background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
        box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
          0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
      }
    }
    Click image for larger version. 

Name:	000286.png 
Views:	4 
Size:	78.4 KB 
ID:	163920

    My New Tab page:

    Click image for larger version. 

Name:	000287.png 
Views:	6 
Size:	744.5 KB 
ID:	163921
      My ComputersSystem Spec
  6.    2 Days Ago #626
    Join Date : Aug 2015
    México
    Posts : 212
    Windows 10 x64 Home 1703

    Quote Originally Posted by Edwin View Post
    CSS is good!!!

    Colorize Toolbar Buttons:

    Code:
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    
    @-moz-document url(chrome://browser/content/browser.xul),
      url(chrome://global/content/customizeToolbar.xul)
    {
    
    /*BLUE*/
      #tabview-button .toolbarbutton-icon,
      #save-page-button .toolbarbutton-icon,
      #developer-button .toolbarbutton-icon,
      #preferences-button .toolbarbutton-icon,
      #webrtc-status-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*LIME*/
      #pocket-button .toolbarbutton-icon,
      #context-back,
      #context-forward,
      #back-button .toolbarbutton-icon, 
      #forward-button .toolbarbutton-icon,
      #new-window-button .toolbarbutton-icon,
      #new-tab-button .toolbarbutton-icon,
      #go-button:hover,
      #downloads-button:not([attention]),
      #zoom-in-button .toolbarbutton-icon,
      #copy-button .toolbarbutton-icon,
      #add-ons-button .toolbarbutton-icon,
      #find-button .toolbarbutton-icon,
      #sidebar-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.1 \
        0.3 0.38 0.3 0.0 0.28 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*RED*/
      #context-stop,
      .tabs-closebutton:hover .toolbarbutton-icon,
      .tab-close-button:hover .toolbarbutton-icon,
      #downloads-button[paused] .toolbarbutton-icon,
      #urlbar-stop-button:hover,
      #cut-button .toolbarbutton-icon,
      #zoom-out-button .toolbarbutton-icon,
      #stop-button .toolbarbutton-icon,
      #characterencoding-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ROYAL*/
      #tabview-button .toolbarbutton-icon,
      #context-reload,
      #history-button .toolbarbutton-icon,
      #history-panelmenu .toolbarbutton-icon,
      #fullscreen-button .toolbarbutton-icon,
      #urlbar-reload-button:hover,
      #paste-button .toolbarbutton-icon,
      #reload-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.07 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*POPPY*/
      #urlbar[level="broken"] #page-proxy-favicon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.1 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ORANGE*/
      #loop-button .toolbarbutton-icon,
      #feed-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.2 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /*GOLD*/
      #password-notification-icon,
      #home-button .toolbarbutton-icon,
      #open-file-button .toolbarbutton-icon,
      #email-link-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*CYAN*/
      #sync-button .toolbarbutton-icon,
      #social-share-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*PURPLE*/
      #panic-button .toolbarbutton-icon,
      #privatebrowsing-button .toolbarbutton-icon,
      #print-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.18 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.26 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*AZURE*/
      #urlbar-go-button:not(:hover),
      #urlbar .autocomplete-history-dropmarker:not(:hover),
      #searchbar .searchbar-search-button:not([addengines]),
      #searchbar .search-go-button,
      #context-bookmarkpage,  
      #PanelUI-menu-button .toolbarbutton-icon, 
      #nav-bar-overflow-button .toolbarbutton-icon,
      #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
      #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
      #bookmarks-button .toolbarbutton-icon,
      #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.15 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /* Restore classic colors for verified identity and verified domain */
    
      #urlbar .verifiedDomain
      {
        background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
        box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
        -moz-border-end-color: hsla(215,54%,33%,.2) !important;
        color: hsl(215,54%,33%) !important;
      }
    
      #urlbar .verifiedDomain:hover
      {
        background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
      }
    
      #urlbar .verifiedDomain[open="true"],
      #urlbar .verifiedDomain:hover:active
      {
        background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
        box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
          0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
      }
    
      #urlbar .verifiedIdentity
      {
        background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
        box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
        -moz-border-end-color: hsla(92,81%,16%,.2) !important;
        color: #2f6600 !important;
        font-weight: bold !important;
      }
    
      #urlbar .verifiedIdentity:hover
      {
        background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
      }
    
      #urlbar .verifiedIdentity[open="true"],
      #urlbar .verifiedIdentity:hover:active
      {
        background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
        box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
          0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
      }
    }
    Click image for larger version. 

Name:	000286.png 
Views:	4 
Size:	78.4 KB 
ID:	163920

    My New Tab page:

    Click image for larger version. 

Name:	000287.png 
Views:	6 
Size:	744.5 KB 
ID:	163921
    Looks cool! Personally I like the greysh icons since I use the black theme (hurts less my eyes than white), but looks awesome there!

    Quote Originally Posted by CountMike View Post
    Did you do clean install or as an update ? Seems that About:config has much less entries in clean install.
    Personally, I cleaned my profile folder, leaving only my user.js file (with some specific tweaks) and my chrome folder with my about:tab customizations (and background image in a custom file extension, is just a JPG), then, I uninstalled ver 56.0.2 and then installed ver 57, I had to do that previusly with ver 56.0.1 as they started to replace x32 versions with x64, so, to avoid mess in the Program Files folders, I just went for it manually, just like this last update.

    So yeah, clean installs come with less entries in about:config, but hopefully, they still retain some others (like row/column customizations).

    AHHH!, just for the record, version 57 now enables AMD VP9 Hardware decoder, so now you can watch up to 4K videos in VP9 without your CPU suffering the consequences, in my case, up to QHD 1440p, since my APU is only able to decode up to that. Still, VP9 is disabled by default, so, if you have an AMD card and wanna try VP9 decoding, just go to about:config and look for this:

    Code:
    media.mediasource.webm.enabled
    Change it from false to true and relaunch Firefox, now you are able to see VP9 videos using hardware acceleration.

    Also, to mention that, currently on Windows 10 Creators Update and Falls Creators Update, Firefox is the only browser capable of this, Chrome and Edge can't still use hardware acceleration on VP9, of course, your card should be able to support that.

    Cya!
      My ComputerSystem Spec
  7.    1 Day Ago #627
    Join Date : Jul 2015
    Posts : 108
    Windows 10 Pro 64bit

    Quote Originally Posted by FerchogtX View Post
    Finally... I got the hang on the customization of the about:tab: Now I added transparencies (they become solid on hover) and tweaked some minor stuff...

    Click image for larger version. 

Name:	Clipboard01.jpg 
Views:	9 
Size:	589.2 KB 
ID:	163860

    I still need to find something in about:config to limit or expand the number of boxes I can see on Highlights section, but this is way better than the default thing XD

    I love you, CSS!
    Can you please tell me how you can add a background picture to firefox ? I also was able to add more topsite icons by changing the value from "browser.newtabpage.activity-stream.topSitesCount" in about.config. But still have the original 6 icons per row and I see you have 8!
      My ComputerSystem Spec
  8.    1 Day Ago #628
    Join Date : Aug 2015
    México
    Posts : 212
    Windows 10 x64 Home 1703

    Quote Originally Posted by rezpower View Post
    Can you please tell me how you can add a background picture to firefox ? I also was able to add more topsite icons by changing the value from "browser.newtabpage.activity-stream.topSitesCount" in about.config. But still have the original 6 icons per row and I see you have 8!
    For the BG, I just have this on the body:

    Code:
      body {
        background: url("./MBG000.ntb") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    Personaly, I use a custom extension for the image itself (is just a jpg with a changed extension), you can set whatever filename and extension you want, also, the ./ means it has to be next to your userContent.css file, you can set it for another location, but it's rather complicated and bothersome, also, this allows you to pack it as a back up and decompress right away in a fresh profile.

    now, for the sizing of the tiles:

    Code:
      main {
        width: 80% !important;
        padding: 0 1% !important;
      }
    
      .top-sites-list li.top-site-outer {
        margin-inline-end: 2% !important;
        width: 10% !important;
      }
    
      .top-sites-list .top-site-outer .tile {
        height: unset !important;
        width: unset !important;
        font-size: 250% !important;
        line-height: 230% !important;
      }
    Just in case, I leave my whole userContent.css file, has many other tweaks as well, like font color and such...

    Code:
    @-moz-document url("about:newtab") {
    
      body {
        background: url("./MBG000.ntb") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    
      main {
        width: 80% !important;
        padding: 0 1% !important;
      }
    
      .search-wrapper {
        width: 70% !important;
        margin: 0 auto 2% !important;
      }
    
      .search-wrapper input {
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .section-top-bar {
        height: initial !important;
      }
    
      .section-title {
        font-size: 20px !important;
        margin: 0 !important;
        text-shadow: 2px 2px #727272 !important;
      }
    
      .top-sites-list li.top-site-outer {
        margin-inline-end: 2% !important;
        width: 10% !important;
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .top-sites-list .top-site-outer .rich-icon {
        background-size: 100% !important;
      }
    
      .top-sites-list li:hover, .card-outer:hover, .search-wrapper input:hover {
        opacity: 1;
      }
    
      .section-title span {
        color: #e1e1e1 !important;
        fill: #e1e1e1 !important;
      }
    
      .top-sites-list .top-site-outer .tile {
        height: unset !important;
        width: unset !important;
        font-size: 250% !important;
        line-height: 230% !important;
      }
    
      .section-title .icon.icon-topsites, .section-title .icon.icon-highlights {
        filter: drop-shadow( 2px 2px 1px #727272 ) !important;
      }
    
      .icon.icon-small-spacer {
        margin-inline-end: 1% !important;
      }
    
      .top-sites-list .top-site-outer .title span {
        color: white !important;
        text-shadow: 1px 1px #727272 !important;
      }
    
      .sections-list ul.section-list {
        grid-template-columns: unset !important;
        grid-gap: unset !important;
        display: block !important;
        min-width: 1024px !important;
      }
    
      .card-outer {
        display: inline-block !important;
        margin-inline-end: unset !important;
        width: 20% !important;
        min-height: 274px !important;
        position: relative !important;
        margin: 0 2% 2% !important;
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .card-outer > a {
        height: 100% !important;
        width: 100% !important;
      }
    
      .card-outer .card-context {
        padding: 12px 0px 12px 14px !important;
        bottom: 0px !important;
        left: 0px !important;
        right: 0 !important;
      }
    
      .edit-topsites-wrapper .edit-topsites-button {
        offset-inline-end: 5% !important;
      }
    
      .section-top-bar .section-info-option {
        offset-inline-end: 3% !important;
      }
    
      .section-top-bar .info-option-icon {
        fill: rgb(255, 255, 255) !important;
      }
    
      .edit-topsites-wrapper .edit-topsites-button button {
        color: #FFFFFF !important;
        text-shadow: 2px 2px #727272 !important;
      }
    
      .prefs-pane-button button {
        fill: rgb(255, 255, 255) !important;
        filter: drop-shadow( 2px 2px 1px #727272 ) !important;
      }
    
      .prefs-pane-button button:hover {
        fill: rgb(0, 0, 0) !important;
      }
    
      div.modal .top-sites-list .top-site-outer .title.pinned span {
        color: black !important;
        text-shadow: none !important;
      }
    
      span.context-menu {
        offset-inline-start: 55% !important;
      }
    
    }
    I tried to deal with making it responsive to resolution, but you can still tweak some values according to yours, maybe if I find that this desing has some media queries for resolutions I could tweak it more deeply. Hope this helps ^^

    Oh, also, I found that the old column and row settings in about:config are depecated, the setting you mention now is the new way of adding tiles.
      My ComputerSystem Spec
  9.    1 Day Ago #629
    Join Date : Jul 2015
    Posts : 108
    Windows 10 Pro 64bit

    I love you man Thanks for sharing!
    Quote Originally Posted by FerchogtX View Post
    For the BG, I just have this on the body:

    Code:
      body {
        background: url("./MBG000.ntb") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    Personaly, I use a custom extension for the image itself (is just a jpg with a changed extension), you can set whatever filename and extension you want, also, the ./ means it has to be next to your userContent.css file, you can set it for another location, but it's rather complicated and bothersome, also, this allows you to pack it as a back up and decompress right away in a fresh profile.

    now, for the sizing of the tiles:

    Code:
      main {
        width: 80% !important;
        padding: 0 1% !important;
      }
    
      .top-sites-list li.top-site-outer {
        margin-inline-end: 2% !important;
        width: 10% !important;
      }
    
      .top-sites-list .top-site-outer .tile {
        height: unset !important;
        width: unset !important;
        font-size: 250% !important;
        line-height: 230% !important;
      }
    Just in case, I leave my whole userContent.css file, has many other tweaks as well, like font color and such...

    Code:
    @-moz-document url("about:newtab") {
    
      body {
        background: url("./MBG000.ntb") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    
      main {
        width: 80% !important;
        padding: 0 1% !important;
      }
    
      .search-wrapper {
        width: 70% !important;
        margin: 0 auto 2% !important;
      }
    
      .search-wrapper input {
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .section-top-bar {
        height: initial !important;
      }
    
      .section-title {
        font-size: 20px !important;
        margin: 0 !important;
        text-shadow: 2px 2px #727272 !important;
      }
    
      .top-sites-list li.top-site-outer {
        margin-inline-end: 2% !important;
        width: 10% !important;
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .top-sites-list .top-site-outer .rich-icon {
        background-size: 100% !important;
      }
    
      .top-sites-list li:hover, .card-outer:hover, .search-wrapper input:hover {
        opacity: 1;
      }
    
      .section-title span {
        color: #e1e1e1 !important;
        fill: #e1e1e1 !important;
      }
    
      .top-sites-list .top-site-outer .tile {
        height: unset !important;
        width: unset !important;
        font-size: 250% !important;
        line-height: 230% !important;
      }
    
      .section-title .icon.icon-topsites, .section-title .icon.icon-highlights {
        filter: drop-shadow( 2px 2px 1px #727272 ) !important;
      }
    
      .icon.icon-small-spacer {
        margin-inline-end: 1% !important;
      }
    
      .top-sites-list .top-site-outer .title span {
        color: white !important;
        text-shadow: 1px 1px #727272 !important;
      }
    
      .sections-list ul.section-list {
        grid-template-columns: unset !important;
        grid-gap: unset !important;
        display: block !important;
        min-width: 1024px !important;
      }
    
      .card-outer {
        display: inline-block !important;
        margin-inline-end: unset !important;
        width: 20% !important;
        min-height: 274px !important;
        position: relative !important;
        margin: 0 2% 2% !important;
        opacity: 0.75;
        transition: opacity 150ms ease-out;
      }
    
      .card-outer > a {
        height: 100% !important;
        width: 100% !important;
      }
    
      .card-outer .card-context {
        padding: 12px 0px 12px 14px !important;
        bottom: 0px !important;
        left: 0px !important;
        right: 0 !important;
      }
    
      .edit-topsites-wrapper .edit-topsites-button {
        offset-inline-end: 5% !important;
      }
    
      .section-top-bar .section-info-option {
        offset-inline-end: 3% !important;
      }
    
      .section-top-bar .info-option-icon {
        fill: rgb(255, 255, 255) !important;
      }
    
      .edit-topsites-wrapper .edit-topsites-button button {
        color: #FFFFFF !important;
        text-shadow: 2px 2px #727272 !important;
      }
    
      .prefs-pane-button button {
        fill: rgb(255, 255, 255) !important;
        filter: drop-shadow( 2px 2px 1px #727272 ) !important;
      }
    
      .prefs-pane-button button:hover {
        fill: rgb(0, 0, 0) !important;
      }
    
      div.modal .top-sites-list .top-site-outer .title.pinned span {
        color: black !important;
        text-shadow: none !important;
      }
    
      span.context-menu {
        offset-inline-start: 55% !important;
      }
    
    }
    I tried to deal with making it responsive to resolution, but you can still tweak some values according to yours, maybe if I find that this desing has some media queries for resolutions I could tweak it more deeply. Hope this helps ^^

    Oh, also, I found that the old column and row settings in about:config are depecated, the setting you mention now is the new way of adding tiles.
      My ComputerSystem Spec
  10.    1 Day Ago #630
    Join Date : Feb 2014
    Posts : 9,328
    Windows 10 Professional

    Quote Originally Posted by FerchogtX View Post
    ......AHHH!, just for the record, version 57 now enables AMD VP9 Hardware decoder, so now you can watch up to 4K videos in VP9 without your CPU suffering the consequences, in my case, up to QHD 1440p, since my APU is only able to decode up to that. Still, VP9 is disabled by default, so, if you have an AMD card and wanna try VP9 decoding, just go to about:config and look for this:

    Code:
    media.mediasource.webm.enabled
    Change it from false to true and relaunch Firefox, now you are able to see VP9 videos using hardware acceleration.

    Also, to mention that, currently on Windows 10 Creators Update and Falls Creators Update, Firefox is the only browser capable of this, Chrome and Edge can't still use hardware acceleration on VP9, of course, your card should be able to support that.

    Cya!
    Thanks for the heads up!

    My card can only handle 1440p but at least it doesn't stutter!

    Click image for larger version. 

Name:	000290.jpg 
Views:	10 
Size:	219.4 KB 
ID:	164024
      My ComputersSystem Spec

 
Page 63 of 67 FirstFirst ... 13536162636465 ... LastLast


Similar Threads
Thread Forum
Firefox Photon Firefox 57
http://forums.mozillazine.org/viewtopic.php?f=23&t=3029098 Mock-up of the changes to Customize mode as part of the upcoming design refresh https://i.imgur.com/ljjlqb4.jpg The first mockup shows Firefox running the Photon user interface,...
Browsers and Email
FireFox
Since midnight can't use Mozzila's Firefox anymore. " Firefox is already running, must be closed" and after that iI get message "The Firefox profile can not be loaded ". I saw also the message than another app is blocking Firefox . Probably Edge....
Browsers and Email
Firefox 44.0
Install Firefox Ver 44.0. Add-on and Firefox website display text only. Any one having the same problem ?
Browsers and Email
Solved Firefox 64 is here
It looks like Mozilla finally came out with Firefox 64 bit browser, have a look at the links below Firefox 64-bit for Windows Available | Future Releases https://www.mozilla.org/en-US/firefox/all/
Browsers and Email
Solved W10 opens seperate tab for firefox when opening with main firefox icon
Hello, lately I've been having an issue where Windows will open a separate tab for Firefox when i open it with the original pinned icon on my task bar.. I've tried opening firefox and unpinning the pinned shortcut and pinning the opened one and...
Browsers and Email
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd
All times are GMT -5. The time now is 14:54.
Find Us
Twitter Facebook Google+ Ten Forums iOS App Ten Forums Android App



Windows 10 Forums