Create custom-browser-pane-margin-and-rounding.css
This commit is contained in:
parent
dbdea18d2b
commit
d0e961838c
1 changed files with 19 additions and 0 deletions
19
custom-browser-pane-margin-and-rounding.css
Normal file
19
custom-browser-pane-margin-and-rounding.css
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
/* Add slight margin, rounding and outline to Browser pane */
|
||||||
|
#tabbrowser-tabbox browser {
|
||||||
|
--border-size: 0.5px;
|
||||||
|
--margin-size-top-left: 2px;
|
||||||
|
--margin-size-bottom-right: 6px;
|
||||||
|
--rounding-size: 8px;
|
||||||
|
|
||||||
|
border: var(--border-size) solid rgba(255,255,255,0.15);
|
||||||
|
margin: var(--margin-size-top-left) var(--margin-size-bottom-right) var(--margin-size-bottom-right) var(--margin-size-top-left);
|
||||||
|
border-radius: var(--rounding-size);
|
||||||
|
}
|
||||||
|
|
||||||
|
.browserContainer {
|
||||||
|
background: var(--toolbox-bgcolor);
|
||||||
|
|
||||||
|
&:-moz-window-inactive {
|
||||||
|
background: var(--toolbox-bgcolor-inactive);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue