dragon0823 Posted November 19, 2012 Share Posted November 19, 2012 Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595334464 Share on other sites More sharing options...
Leonick Posted November 22, 2012 Share Posted November 22, 2012 OMG! OMG! Heartripper! Please, could you share your perfect Windows 8 Style? If you'd like, send privately the code to try and send feedback -in case I find 1-2 glitches. He did, it's on the previous page. (And quote just below this.) uploaded! http://userstyles.or...ha?r=1350746753 :) Awesome! I've also felt firefox was a bit out of place on windows 8, mostly due to the gradient behind the tab and navigationbar. I'm hardly new to css or userstyles but I didn't know the names of all the default firefox elements to be able to write the style myself, you wouldn't happen to know where I could find some reference for this or the default them file or something? There are a few things I'd like to tweak (for example, when maximized the tabbar lines up with the left side just like the navigation bar and the firefox button but when in a normal window there is a margin on the left side). I made some slight modifications to your style, if you or anyone else is interested I've a txt file with the css. What I did was gave inactive tabs a background and border (just the way I prefer it) taking some inspiration from IE10, the inactive tabs are a slight grey with some transparency which means they'll take on a shade of whatever colour you're using in Windows be it grey, red, blue or something else. The hover effect for inactive tabs is also inspired by IE10 (good reference for Windows 8 style) which is a gradient. I also modified the Firefox button giving it the same standard and hover colours as the File button in explorer (not sure I'll stick with blue though, might go Firefox orange again soon :p). Here's a screenshot of my Firefox layout which should do well as a demonstration of my change to Hertripper's userstyle (You see active, hovered inactive and an inactive tab). A note on my bookmarks bar, in the folders are stuff I actually regularly use and just on the bar are things I've just saved for later. Most of my actual bookmarks are in the "bookmarks menu" and usually accessed by typing their name or tags in the addressbar. The bookmarksbar will hide as soon as the mouse is no longer over the bookmarksbar, navigationbar or tabbar thanks to a userstyle. The addressfield and searchfield are combine by InstantFox. There's also a whole bunch of addons that can't be seen like adblock, flashblock, tools like html validator and tweaks like "reload tab on double-click" and hide find bar which hides the find bar after a given amount of time. firefox8mod.txt +Heartripper 1 Share Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595342662 Share on other sites More sharing options...
Leonick Posted November 23, 2012 Share Posted November 23, 2012 I managed to find a way to browse the default css for Firefox and made some more modifications to the Windows 8 userstyle. Applied styling to the find in page toolbar, it is now white like the rest. Gave the addonbar and find in page toolbar a top border. Set the min-height of the addonbar to 24px, the value used by other toolbars, for consistency. Removed rounded borders in the ctrl+tab tab switching dialogue. The tabbar now has a 4 or 2 (depending on tabs on top or not) pixel padding on the left and right side when Firefox is maximized and not just when in regular window. firefox8mod.txt Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595344430 Share on other sites More sharing options...
+Gary7 Subscriber² Posted November 23, 2012 Subscriber² Share Posted November 23, 2012 +Heartripper 1 Share Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595345074 Share on other sites More sharing options...
derviskemal Posted November 23, 2012 Share Posted November 23, 2012 Safari - OSX 10.8.2 Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595345094 Share on other sites More sharing options...
+Heartripper Subscriber¹ Posted December 1, 2012 Subscriber¹ Share Posted December 1, 2012 +Zlip792 1 Share Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595361512 Share on other sites More sharing options...
Crimson Rain Posted December 1, 2012 Share Posted December 1, 2012 :shifty: Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595361534 Share on other sites More sharing options...
Dane Posted January 13, 2013 Share Posted January 13, 2013 Does it show the websites name like that by default? Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595451436 Share on other sites More sharing options...
Colin McGregor Posted January 13, 2013 Share Posted January 13, 2013 No ads, flash only on sites I say, and 0 popups ever. All with no addons. How a browser should be. (used this site cause theres normally google ads boxes all over) Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595451442 Share on other sites More sharing options...
.stan Posted January 15, 2013 Share Posted January 15, 2013 Could you update the userstyle please? Looks awesome :) Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595455164 Share on other sites More sharing options...
Haggis Veteran Posted January 15, 2013 Veteran Share Posted January 15, 2013 Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595455240 Share on other sites More sharing options...
+Heartripper Subscriber¹ Posted January 15, 2013 Subscriber¹ Share Posted January 15, 2013 Could you update the userstyle please? Looks awesome :) Here it is, haven't updated it in a long time though. http://userstyles.org/styles/76943/firefox-8-alpha Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595456168 Share on other sites More sharing options...
+Gary7 Subscriber² Posted January 16, 2013 Subscriber² Share Posted January 16, 2013 My latest blends in with my DT Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457024 Share on other sites More sharing options...
LUTZIFER Posted January 16, 2013 Share Posted January 16, 2013 Weird... pretty much all the screenshots shown here, the users are running Windows XP, but you never see them in the "Show your desktop" threads. Also, haven't finished going threw every page yet, but I've seen many old IE versions shown, but no IE 9 or 10. No point in showing mine, it's default IE 10 layout, so I won't bother. Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457034 Share on other sites More sharing options...
ccoltmanm Posted January 16, 2013 Share Posted January 16, 2013 I really enjoyed looking through the early pages and seeing some 2005-2008 style screenshots. Cool to see the evolution. Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457040 Share on other sites More sharing options...
LUTZIFER Posted January 16, 2013 Share Posted January 16, 2013 I really enjoyed looking through the early pages and seeing some 2005-2008 style screenshots. Cool to see the evolution. Definitely true, I thought the same. Brought back some memories. Nice to see some of the browsers I once used, and I always did love Windows XP. Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457070 Share on other sites More sharing options...
The Evil Overlord Posted January 16, 2013 Share Posted January 16, 2013 mine (NOTE triple screen layout doesn't show until you click the image) Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457076 Share on other sites More sharing options...
.stan Posted January 16, 2013 Share Posted January 16, 2013 Here it is, haven't updated it in a long time though. http://userstyles.or...firefox-8-alpha Can you update it, please? Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457550 Share on other sites More sharing options...
Douglas_C Posted January 16, 2013 Share Posted January 16, 2013 Nothing too special really... Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595457638 Share on other sites More sharing options...
Lewkwarm Posted January 22, 2013 Share Posted January 22, 2013 Could anyone tell me how to customize the thumbnails like this? I know its simple enough with the Fast Dial extension, but this looks like the native about:newtab page. Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595471468 Share on other sites More sharing options...
+Heartripper Subscriber¹ Posted January 22, 2013 Subscriber¹ Share Posted January 22, 2013 Could anyone tell me how to customize the thumbnails like this? I know its simple enough with the Fast Dial extension, but this looks like the native about:newtab page. It is the native about:newtab the code is here: @namespace url(http://www.w3.org/1999/xhtml);@-moz-document url("about:newtab") {.newtab-thumbnail{ background-size: auto !important; background-position: center center !important;}.newtab-title{ visibility: hidden !important;}/*For each thumbnail*/.newtab-link[href*="url-pattern"] > .newtab-thumbnail{ background-color: background-color !important; background-image: url(image-url) !important;}}[/CODE] You have to copy the third rule for each custom thumbnail you want to define Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595471576 Share on other sites More sharing options...
Lewkwarm Posted January 22, 2013 Share Posted January 22, 2013 It is the native about:newtab the code is here: @namespace url(http://www.w3.org/1999/xhtml);@-moz-document url("about:newtab") {.newtab-thumbnail{ background-size: auto !important; background-position: center center !important;}.newtab-title{ visibility: hidden !important;}/*For each thumbnail*/.newtab-link[href*="url-pattern"] > .newtab-thumbnail{ background-color: background-color !important; background-image: url(image-url) !important;}}[/CODE] You have to copy the third rule for each custom thumbnail you want to define You are amazing, sir. Thank you!! Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595471588 Share on other sites More sharing options...
+Heartripper Subscriber¹ Posted January 22, 2013 Subscriber¹ Share Posted January 22, 2013 You are amazing, sir. Thank you!! You're welcome :) Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595471618 Share on other sites More sharing options...
Lewkwarm Posted January 23, 2013 Share Posted January 23, 2013 I couldn't decide what my 9th bookmark should be. So I did this: Chasethebase 1 Share Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595473318 Share on other sites More sharing options...
+Frank B. Subscriber² Posted February 1, 2013 Subscriber² Share Posted February 1, 2013 IE 10 preview on Windows 7 Link to comment https://www.neowin.net/forum/topic/294734-show-your-browser-layout/page/79/#findComment-595494238 Share on other sites More sharing options...
Recommended Posts