142 lines
3.2 KiB
CSS
142 lines
3.2 KiB
CSS
/* HOLD ON!!!
|
|
* Before you install this file in particular, I have no idea if it works.
|
|
* kthxbye */
|
|
|
|
/********
|
|
* Tabs *
|
|
********/
|
|
#TabsToolbar .toolbar-items {
|
|
background: #c8c5be;
|
|
}
|
|
#tabbrowser-tabs {
|
|
height: 3.2rem;
|
|
margin: 0 !important;
|
|
padding: 3px 0 0 3px !important;
|
|
}
|
|
.tabbrowser-tab {
|
|
padding-inline: 0 !important;
|
|
}
|
|
tab .tab-content {
|
|
border-image: url("notebook-tab-top.png") 2 / 2px stretch;
|
|
}
|
|
tab.tabbrowser-tab {
|
|
margin-top: 2px !important;
|
|
}
|
|
tab.tabbrowser-tab[selected] {
|
|
margin-top: 0 !important;
|
|
}
|
|
.tab-background {
|
|
margin-block: 0 !important;
|
|
}
|
|
#nav-bar:not([tabs-hidden="true"]) {
|
|
box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 white !important;
|
|
}
|
|
.tab-close-button {
|
|
margin-inline-end: 0 !important;
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
padding: 3px !important;
|
|
}
|
|
.close-icon:hover {
|
|
background: #e6e5e1 !important;
|
|
fill-opacity: 1 !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
#scrollbutton-up,
|
|
#scrollbutton-down {
|
|
padding: 0 !important;
|
|
}
|
|
#alltabs-button > stack {
|
|
background: transparent !important;
|
|
}
|
|
#nav-bar #allTabsMenu-allTabsView toolbarbutton {
|
|
border: 0 !important;
|
|
padding: .4rem .6rem !important;
|
|
}
|
|
#allTabsMenu-allTabsViewTabs toolbarbutton {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/***********
|
|
* Toolbar *
|
|
***********/
|
|
#nav-bar {
|
|
padding: 3px !important;
|
|
}
|
|
#nav-bar toolbarbutton,
|
|
#nav-bar toolbaritem {
|
|
padding: 0 !important;
|
|
}
|
|
#nav-bar toolbarbutton:not([disabled]):not([open]):hover,
|
|
toolbar toolbarbutton:not([disabled]):not([open]):hover,
|
|
findbar toolbarbutton:not([disabled]):not([open]):hover {
|
|
background: #e6e5e1 !important;
|
|
border-image: url("button-hover.png") 2 / 2px stretch;
|
|
}
|
|
toolbarbutton:not([disabled])[open] {
|
|
background: #c8c5be !important;
|
|
border-image: url("button-pressed.png") 2 / 2px stretch;
|
|
}
|
|
toolbarbutton > .toolbarbutton-icon,
|
|
#nav-bar toolbarbutton > .toolbarbutton-badge-stack {
|
|
background: transparent !important;
|
|
}
|
|
|
|
/***********
|
|
* URL Bar *
|
|
***********/
|
|
#urlbar {
|
|
top: 0 !important;
|
|
}
|
|
#urlbar > #urlbar-background, #searchbar {
|
|
animation-duration: 0ms !important;
|
|
border-image: url("entry.png") 2 / 2px stretch !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
#urlbar[breakout][breakout-extend] {
|
|
left: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
#urlbar-input-container {
|
|
height: calc(var(--urlbar-height)) !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/*************
|
|
* Bookmarks *
|
|
*************/
|
|
toolbarseparator::before {
|
|
border-image: url("separator-vertical.png") 1 / 1px stretch !important;
|
|
margin: 3px 0;
|
|
width: 2px;
|
|
}
|
|
|
|
/************
|
|
* Find Bar *
|
|
************/
|
|
.findbar-textbox {
|
|
border-image: url("entry.png") 2 / 2px stretch !important;
|
|
}
|
|
.findbar-textbox[status="notfound"] {
|
|
background: #f03838 !important;
|
|
color: white !important;
|
|
outline: none !important;
|
|
}
|
|
.findbar-textbox:focus {
|
|
outline: none !important;
|
|
}
|
|
.checkbox-check {
|
|
background: url(check.png) no-repeat center !important;
|
|
border: none !important;
|
|
height: 15px !important;
|
|
width: 15px !important;
|
|
}
|
|
.checkbox-check[checked=true] {
|
|
background: url(check-checked.png) no-repeat center !important;
|
|
}
|
|
.findbar-find-status[status="notfound"] {
|
|
color: #f03838 !important;
|
|
opacity: 1 !important;
|
|
}
|