Fancier tabs with curved bottom? Inverted radius?

• uc.css.js

  215 304 8.1 JavaScript

  A dark indigo CSS theme for Firefox and a large collection of privileged scripts to add new buttons, menus, and behaviors and eliminate nuisances. The theme is similar to other userChrome stylesheets, but it's intended for use with an autoconfig loader like fx-autoconfig, since it uses JavaScript to implement its more functional features.

here's the method I used, you can see the appearance here. there's some other stuff there too, what you're looking for are the :before and :after pseudo-classes. they are little 5px squares, masked by a circle whose origin is in the top right or top left corner of the square. that yields a curved inner corner. you adjust the size of them by changing width and height obviously, but also by changing "r" and "cx" in the svg given in the mask property.

• custom-firefox-css

  2 1 1.8 CSS

  my current custom firefox userChrome.css file

That code works when I make a totally new userChrome.css file but for the life of me I can't get it to work with my code. I've tried a few things, the original code i borrowed from has a lot of !important tags which makes it harder to edit.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• firefox-csshacks

  668 2,877 8.6 CSS

  Collection of userstyles affecting the browser

You can perhaps use this - shouldn't be too hard to make top and bottom curve sizes differ if you want that.

Suggest a related project