Recommended Posts

Well, True... Now with Content UI not appearing anymore. I've latest hourly.

Few problems left... Seems appears an address randomly ( when I'm in Add-ons Manager and Trying to go to the creator's address for example )? Dunno, anyway. Since you don't use it, crap for me!

Replace what with what? That was kinda confusing...

Do you know if the final patch for UI Content will be exactly like mock-up design?

You're talking about these mockups?: http://news.softpedia.com/newsImage/Firefox-4-0-UI-Redesign-In-Content-UI-Visual-Unification-14.png/

I wouldn't even venture a guess on that. From what I understand ICUI isn't going to extend beyond the addons manager for 4.0. We won't have total ICUI until 4.next.

oh and replace:

.urlbar-over-link-box

with

#main-window:not([stylish-url="about:addons"]) .urlbar-over-link-box

Hey, I'm trying to put the awesome bar on the same toolbar as the tabs but I'm having an issue when I try to make the awesome bar smaller. The tabs are really small and they dont take up the entire space on the left. Anyway to fix this?

This is what it looks like ATM; fxabtb.jpg

Hey, I'm trying to put the awesome bar on the same toolbar as the tabs but I'm having an issue when I try to make the awesome bar smaller. The tabs are really small and they dont take up the entire space on the left. Anyway to fix this?

This is what it looks like ATM; fxabtb.jpg

Looks like you used #urlbar as the selector instead of #urlbar-container for resizing the awesome bar

#urlbar-container {
max-width: 500px !important;
min-width:500px !important;
}

post-350326-12917363295833.png

Not much activity lately around here, eh? Well foxxyn8, since i've seen that you are the one to ask when it comes to CSS i'd like to ask you if you could make a style which combines the home button and the bookmark button like in this picture LiNK (if it's possible).

I think it looks kinda good, I would do it myself if i knew how but unfortunately i don't :rolleyes:

Not much activity lately around here, eh? Well foxxyn8, since i've seen that you are the one to ask when it comes to CSS i'd like to ask you if you could make a style which combines the home button and the bookmark button like in this picture LiNK (if it's possible).

I think it looks kinda good, I would do it myself if i knew how but unfortunately i don't :rolleyes:

Simple enough, here you go:

#home-button {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
 margin-right: 0 !important;
 border-right: 0 !important;
}

#bookmarks-menu-button {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
 margin-left: 0 !important;
}

#home-button:hover:active + #bookmarks-menu-button-container > #bookmarks-menu-button {
 border-left-color: rgba(0,0,0,.55) !important;
}

Edit: fixed some border colors on pressed.

Hmm, they finally made some upgrades to the add-on bar: they added a freaking stupid close button :angry: ! How do I remove this new button area (see picture) ?

My style looks like this:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#browser-bottombox {
  position: fixed;
  bottom: 0;
  background: none !important;
}

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 0;
  margin-right: 20px !important;
  border: 0 !important;
  opacity: 0;
  -moz-appearance: none !important;
  -moz-transition: bottom .6s 1.5s ease-in, opacity .6s 1.5s ease-in;
  padding-top: 22px !important;
}

#addon-bar:hover {
  bottom: 0;
  opacity: 1;
  -moz-transition: bottom .6s 1s ease-out, opacity .6s 1s ease-in;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 4px 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background:rgba(245,245,245,.9) !important; 
  box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
}

@SoapyHamHocks

Is there a way to style the buttons made with custom buttons add-on ? I want to use your style ideas ... :D

post-344974-12920119874372.jpg

Hmm, they finally made some upgrades to the add-on bar: they added a freaking stupid close button :angry: ! How do I remove this new button area (see picture) ?

My style looks like this:

#addonbar-closebutton {
 display: none;
}

Is there a way to style the buttons made with custom buttons add-on ?

Style them like any other toolbarbutton. Their class is .toolbarbutton-1.

If you have multiple buttons and want to style some of them differently you'll need the specific id for the button. They start with #custombuttons-button0 and increase numerically from there. (ie: #custombuttons-button0 is one button #custombuttons-button1 would be another button etc..) Using domi to get the ids would be easier than just guessing though. You could also do:

.toolbarbutton-1[cb-name="name of button"]

here's an example where I styled a custom button to look like a tab when placed in the tab bar:

#TabsToolbar #custombuttons-button0 {
-moz-appearance: none !important;  
background:-moz-linear-gradient(rgba(247,182,82,.5), rgba(215,98,10,.2)) no-repeat -5px -2px !important;
background-size: 200% !important;
margin: 0 !important;
padding: 0 1px 0 1px !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 2 6 / 4px 5px 2px 6px !important;
border-radius: 10px 8px 0 0 !important;
width: 31px !important;
}

#TabsToolbar #custombuttons-button0:hover,
#TabsToolbar #custombuttons-button0[open] {
    background-image: -moz-linear-gradient(rgba(247,182,82,1), rgba(215,98,10,1))  !important;
}

#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0{
    background-image: -moz-linear-gradient(rgba(153,38,211,.5), rgba(105,19,163,.2)) !important;
}

#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0:hover,
#main-window[privatebrowsingmode=temporary] #TabsToolbar #custombuttons-button0[open]{
    background-image: -moz-linear-gradient(rgba(153,38,211,1), rgba(105,19,163,1)) !important;
}

#TabsToolbar #custombuttons-button0 image {
padding-bottom: 1px !important;
margin-bottom: -2px !important;
margin-left: 0px !important;
}

Style them like any other toolbarbutton. Their class is .toolbarbutton-1.

If you have multiple buttons and want to style some of them differently you'll need the specific id for the button. They start with #custombuttons-button0 and increase numerically from there. (ie: #custombuttons-button0 is one button #custombuttons-button1 would be another button etc..) Using domi to get the ids would be easier than just guessing though. You could also do:

.toolbarbutton-1[cb-name="name of button"]

Great, thanks a lot man! All I wanted was a simple style to get SoapyHamHocks's idea for merging the buttons, looking like this for me:

BTW: thanks SoapyHamHocks for the help in the previous post! ;)

post-344974-12920633187557.jpg

Is there a simple way to just move the addon bar buttons to the right side without changing anything else?

You could try something like, although I'm sure there is a better way.

#status-bar {
 position: fixed;
 right: 2px;
 bottom: 0;
 margin-bottom: -1px;
 background: none !important;
}

Can somebody post the code for soapys combined buttons here please, I have been trying to get it off userstyles.org but their site is throwing a fit right now with apache errors and thing not loading.

Thanks in advance :)

Can somebody post the code for soapys combined buttons here please' date=' I have been trying to get it off userstyles.org but their site is throwing a fit right now with apache errors and thing not loading.

Thanks in advance :) [/quote']This :rolleyes:

It seems to work again. Anyway :

#nav-bar[currentset*=",home-button,bookmarks-menu-button-container"] #home-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0 !important;
  border-right: 0 !important;
}

#nav-bar[currentset*=",home-button,bookmarks-menu-button-container"] #bookmarks-menu-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important;
}

#home-button:hover:active + #bookmarks-menu-button-container > #bookmarks-menu-button {
  border-left-color: rgba(0,0,0,.55) !important;
}

Does anyone know the identifier for the LastPass button and the SumbleUppon button (the one used to show/hide the toolbar)?

I'd like to add those two as well. But i would probably need to make the LastPass button smaller. Is there anyway to do that too?

Thanks.

Soapy, with your style for combine home and bookmarks button, do you know how to get back to the normal home button when the bookmarks toolbar is activated ? Actually the home button remains without the right corner and attacked to the left edge of the window border

sorry I was wrong, the home button remains without the right corners and attacked to the right edge of the window border when the bookmarks toolbar is activated

Unfortunately I don't think there is anything I can do about that.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • They couldn't have done a better job, this is beautiful!
    • Oh, of course not. The real "victims" are the people who snipe kids in the head, have killed more journalist than all the worlds wars combined, do double tap strikes on medical personnel, claim history started on October 7th, have a $700 million dollar annual Hasbara budget and pay influencers $7k a post to spout exactly this kind of propaganda. How dare you question the most moral army in the world. Victimhood belongs to these genocidal freaks alone. Anyone who denies that is literally Hitler. If you're going to support a terrorist state, the least you could do is come up with better talking points.
    • Gears of War: E-Day brings 12-player co-op, smoother traversal mechanics, and more by Pulasthi Ariyasinghe Right as the Xbox Games Showcase came to an end today, The Gears of War developer The Coalition took over to show off its next project: E-Day. This prequel project was announced back in 2024, but now we have a lot more details about its campaign, new gameplay mechanics, and even a release date. The studio says this is the first time it has managed to get the time to build the entire game in a new engine, as it had worked non-stop on new titles for years while porting classic code and assets. With Unreal Engine 5 now powering Gears of War: E-Day, The Coalition says it started completely anew, with all assets, animations, environments, and others being built from scratch. The campaign will take place across three days in the city of Kalona. The story will follow the events through the eyes of Bravo Squad. This is made up of the returning classic duo Marcus and Dom, as well as the new characters Mags Carter and Lucas Reyes. Watch the trailer below to see Marcus in action without his iconic armor and gear, just as the Locust invasion kicks off. The story will draw on classic Gears novels like Aspho Fields as well, with the studio even collaborating with author Karen Traviss. "That continuity is what makes the destruction land," says the studio. "In E-Day, you watch a living city torn apart—homes still lit, meals half-finished—while people abandon their cars and run for cover. Small details—a child’s toy, an uneaten dinner—make the loss real as everyday places collapse under the Locust assault." The movement system is getting a big overhaul here. Players will be able to slide while running, jump across gaps, climb head-height covers, and even crawl on the ground to avoid fire from enemies. As for the returning horde mode, The Coalition teased a new 12-player PvE mode. This will involve three squads of Gears going up against the incoming Locusts in larger city maps than usual. The studio says that it is going to reimagine the classic formula just as co-op games are going through a resurgence. Multiplayer was touched on today too, where Versus is coming back touting four versus four Gears PVP action set across Kalona maps. More details about multiplayer will be revealed later. Open beta weekends are kicking off this August for fans wanting to jump in early too. Gears of War: E-Day is releasing on Xbox Series X|S and PC on October 6 with pre-orders available now. It will also be a part of Xbox Game Pass on day one. Microsoft has confirmed this as an Xbox platform exclusive, as there are no plans to bring it to PlayStation or Switch.
    • Microsoft announces the return of Xbox exclusives with Gears of War and Clockwork Revolution by Pulasthi Ariyasinghe Microsoft had plenty of announcements to make today at the Xbox Games Showcase celebrating 25 years of the gaming brand. Now, under the leadership of the new Xbox CEO Asha Sharma, Xbox games are going back to their original release methods. She appeared in the livestream itself to announce the return of Xbox console exclusives. This means two major upcoming games from first-party studios won't be coming to PlayStation or Nintendo consoles: Gears of War: E-Day from The Coalition and Clockwork Revolution from InExile. Both titles will only be coming out on Xbox Series X|S consoles and Windows PCs, ditching any plans they had for PlayStation. "These are not timed exclusives," confirmed Microsoft. "We’re committed to investing in and growing XBOX both on console and beyond." The company confirmed that any already announced Xbox titles for PlayStation, under previous leadership, will continue to arrive for the rival platform. This means games like the new Halo remake, Forza Horizon 6, Fable, and State of Decay 3 will still be available on PlayStation, either at launch or later. It sounds like any new projects announced by the company will avoid other consoles in the same way. Microsoft first opened the floodgates by bringing titles like Sea of Thieves, Grounded, Hi-Fi Rush, and Pentiment to PlayStation and Nintendo consoles back in 2024. Since then, almost every new game release from Xbox Game Studios has arrived for rival consoles alongside Xbox and PC. This decision follows Sony's plans to ditch its own multiplatform releases too. Outside of multiplatform live service titles, the PlayStation maker is even abandoning its PC porting endeavors that started years ago.
  • Recent Achievements

    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      243
    3. 3
      Steven P.
      72
    4. 4
      +Edouard
      66
    5. 5
      FloatingFatMan
      65
  • Tell a friend

    Love Neowin? Tell a friend!