mirror of
https://github.com/rydesun/dotfiles.git
synced 2025-12-27 07:15:01 +08:00
Update firefox css: sidebar style
This commit is contained in:
parent
32e99d8d20
commit
4d72fa39ca
2 changed files with 30 additions and 16 deletions
|
|
@ -1,5 +1,5 @@
|
|||
:root {
|
||||
--frame-background-color: #445;
|
||||
--frame-background-color: #2b2a33;
|
||||
}
|
||||
|
||||
/* 隐藏标签栏 */
|
||||
|
|
@ -27,17 +27,17 @@
|
|||
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] {
|
||||
z-index: 1000 !important;
|
||||
position: relative !important;
|
||||
min-width: 28px !important;
|
||||
max-width: 28px !important;
|
||||
min-width: 35px !important;
|
||||
max-width: 35px !important;
|
||||
}
|
||||
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar {
|
||||
position: absolute !important;
|
||||
transition: all 0.1s;
|
||||
}
|
||||
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar:not(:hover) {
|
||||
width: 25px !important;
|
||||
min-width: 25px !important;
|
||||
max-width: 25px !important;
|
||||
width: 35px !important;
|
||||
min-width: 35px !important;
|
||||
max-width: 35px !important;
|
||||
}
|
||||
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar:hover {
|
||||
box-shadow: 2px 0 13px 0px #333333;
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
/* Visual Tabs */
|
||||
@-moz-document regexp("^moz-extension://[a-zA-Z0-9-]+/sidebar/view\.html.*") {
|
||||
:root[theme="light"] {
|
||||
--background-color: #445 !important;
|
||||
:root {
|
||||
--background-color: #2b2a33 !important;
|
||||
--separator-color: black !important;
|
||||
}
|
||||
#tabbox #tabList {
|
||||
margin-top: 6px !important;
|
||||
}
|
||||
#tabbox #tabList .tab {
|
||||
background: #445 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
#tabbox #tabList .tab .bar {
|
||||
background: white !important;
|
||||
}
|
||||
#tabbox #tabList .tab[selected="true"] .bar {
|
||||
background: #d0d0ff !important;
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
|
||||
/* 固定标签栏 */
|
||||
|
|
@ -19,7 +19,6 @@
|
|||
border-bottom: unset !important;
|
||||
}
|
||||
#tabbox #pinList:not(:empty) .tab {
|
||||
margin-bottom: 15px !important;
|
||||
border-right-color: #d0d0ff !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
|
@ -44,20 +43,35 @@
|
|||
#tabbox #tabList .tab .bar {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
#tabbox #tabList .tab .bar .favicon {
|
||||
padding: 12px !important;
|
||||
background-color: white !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
#tabbox #tabList .tab[selected="true"] .bar .favicon {
|
||||
background-color: #d0d0ff !important;
|
||||
}
|
||||
#tabbox #tabList .tab .bar .title {
|
||||
color: #333 !important;
|
||||
color: white !important;
|
||||
}
|
||||
body:not(:hover) #tabList .tab .bar .title {
|
||||
display: none !important;
|
||||
}
|
||||
#tabbox #tabList .tab[selected="true"] .bar .title {
|
||||
color: #d0d0ff !important;
|
||||
font-weight: unset !important;
|
||||
}
|
||||
#tabbox #tabList .tab .line1 {
|
||||
display: none !important;
|
||||
}
|
||||
#tabbox #tabList .tab .line2 {
|
||||
width: 7px !important;
|
||||
width: 2px !important;
|
||||
}
|
||||
#tabbox #tabList .tab button.close {
|
||||
filter: invert(1) !important;
|
||||
}
|
||||
#tabbox #tabList .tab .thumbnail {
|
||||
width: 100% !important;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue