mirror of
https://github.com/ONLYOFFICE/desktop-apps.git
synced 2026-02-10 18:05:16 +08:00
211 lines
13 KiB
Plaintext
211 lines
13 KiB
Plaintext
/*
|
|
@window-background: %1;
|
|
@tool-button-background: %2;
|
|
@tool-button-hover-background: %3;
|
|
@tool-button-pressed-background: %4;
|
|
@tab-divider: %5;
|
|
@brand-word: %6;
|
|
*/
|
|
|
|
CTabBar {background: %1;}
|
|
CTabBar #tabArea {background: transparent;}
|
|
|
|
CTabBar #tabScroll {border: none; background: transparent;}
|
|
CTabBar #tabScroll>QToolButton {margin: 0px; border: none; background: %2;}
|
|
CTabBar #tabScroll>QToolButton:hover {background: %3;}
|
|
CTabBar #tabScroll>QToolButton:pressed {background: %4;}
|
|
|
|
CTabBar #tabScroll>#leftButton {image: url(:/tabbar/icons/scrolltab_ln.svg);}
|
|
CTabBar #tabScroll>#leftButton:disabled {image: url(:/tabbar/icons/scrolltab_ld.svg);}
|
|
CTabBar #tabScroll>#leftButton:hover {image: url(:/tabbar/icons/scrolltab_lh.svg);}
|
|
CTabBar #tabScroll>#leftButton:pressed {image: url(:/tabbar/icons/scrolltab_lp.svg);}
|
|
|
|
CTabBar #tabScroll>#rightButton {image: url(:/tabbar/icons/scrolltab_rn.svg);}
|
|
CTabBar #tabScroll>#rightButton:disabled {image: url(:/tabbar/icons/scrolltab_rd.svg);}
|
|
CTabBar #tabScroll>#rightButton:hover {image: url(:/tabbar/icons/scrolltab_rh.svg);}
|
|
CTabBar #tabScroll>#rightButton:pressed {image: url(:/tabbar/icons/scrolltab_rp.svg);}
|
|
|
|
Tab {background: %1; border: none; border-left: 0px; border-right: 1px solid %5; margin: 0px; padding: 0px;}
|
|
Tab #tabIcon {background: transparent;}
|
|
Tab #tabText {background: transparent; font-family: "Arial", "Helvetica", "Helvetica Neue", sans-serif;}
|
|
Tab #tabButton {border: none; margin-top: 0px; image: none; background: transparent;}
|
|
#mainPanel[rtl=true] Tab {border-right: 0px; border-left: 1px solid %5;}
|
|
#mainPanel[rtl-font=true] Tab #tabText {font-family: "Segoe UI", "Traditional Arabic", "Noto Sans";}
|
|
|
|
Tab[selected=true] {background: %6; border-color: %6;}
|
|
|
|
CTabBar[active=false] Tab[selected=true] {border-color: %5;}
|
|
CTabBar[active=false] Tab[selected=true] #tabButton {image: none;}
|
|
|
|
Tab[selected=false][hovered=true],
|
|
CTabBar[active=false] Tab[selected=true][hovered=true] {background: %3;}
|
|
|
|
/* dark, contrast-dark */
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#leftButton {
|
|
image: url(:/tabbar/icons/scrolltab_ln_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#leftButton:disabled {
|
|
image: url(:/tabbar/icons/scrolltab_ld_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#leftButton:hover {
|
|
image: url(:/tabbar/icons/scrolltab_lh_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#leftButton:pressed {
|
|
image: url(:/tabbar/icons/scrolltab_lp_light.svg);
|
|
}
|
|
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#rightButton {
|
|
image: url(:/tabbar/icons/scrolltab_rn_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#rightButton:disabled {
|
|
image: url(:/tabbar/icons/scrolltab_rd_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#rightButton:hover {
|
|
image: url(:/tabbar/icons/scrolltab_rh_light.svg);
|
|
}
|
|
#mainPanel[uithemetype=dark] CTabBar #tabScroll>#rightButton:pressed {
|
|
image: url(:/tabbar/icons/scrolltab_rp_light.svg);
|
|
}
|
|
|
|
/* 1x */
|
|
CTabBar #tabScroll {min-width: 32px; max-width: 32px;}
|
|
CTabBar #tabScroll>QToolButton {max-height: 28px;}
|
|
Tab {min-width: 41px; max-width: 135px; width: 135px; height: 28px;}
|
|
Tab #tabIcon {padding: 0px; min-width: 15px; min-height: 15px; max-width: 15px; max-height: 15px;}
|
|
Tab #tabText {font-size: 11px;}
|
|
Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2px;}
|
|
#mainPanel[rtl-font=true][unix=true] Tab #tabText {font-size: 12px;}
|
|
#mainPanel[win10=true] CTabBar {margin-top: 5px;}
|
|
|
|
/* 1.25x */
|
|
#mainPanel[zoom="1.25x"] CTabBar #tabScroll {min-width: 48px; max-width: 48px;}
|
|
#mainPanel[zoom="1.25x"] CTabBar #tabScroll>QToolButton {max-height: 35px;}
|
|
#mainPanel[zoom="1.25x"] Tab {min-width: 51px; max-width: 169px; width: 169px; height: 35px; border-right-width: 1px;}
|
|
#mainPanel[zoom="1.25x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 19px; min-height: 19px; max-width: 19px; max-height: 19px;}
|
|
#mainPanel[zoom="1.25x"] Tab #tabText {font-size: 14px;}
|
|
#mainPanel[zoom="1.25x"] Tab #tabButton {width: 20px; max-width: 20px; max-height: 20px; border-width: 2px;}
|
|
#mainPanel[zoom="1.25x"][rtl=true] Tab {border-left-width: 1px;}
|
|
#mainPanel[zoom="1.25x"][rtl-font=true][unix=true] Tab #tabText {font-size: 15px;}
|
|
#mainPanel[zoom="1.25x"][win10=true] CTabBar {margin-top: 6px;}
|
|
|
|
/* 1.5x */
|
|
#mainPanel[zoom="1.5x"] CTabBar #tabScroll {min-width: 48px; max-width: 48px;}
|
|
#mainPanel[zoom="1.5x"] CTabBar #tabScroll>QToolButton {max-height: 42px;}
|
|
#mainPanel[zoom="1.5x"] Tab {min-width: 62px; max-width: 203px; width: 203px; height: 42px; border-right-width: 2px;}
|
|
#mainPanel[zoom="1.5x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px;}
|
|
#mainPanel[zoom="1.5x"] Tab #tabText {font-size: 15px;}
|
|
#mainPanel[zoom="1.5x"] Tab #tabButton {width: 24px; max-width: 24px; max-height: 24px; border-width: 2px;}
|
|
#mainPanel[zoom="1.5x"][rtl=true] Tab {border-left-width: 2px;}
|
|
#mainPanel[zoom="1.5x"][rtl-font=true][unix=true] Tab #tabText {font-size: 17px;}
|
|
#mainPanel[zoom="1.5x"][win10=true] CTabBar {margin-top: 8px;}
|
|
|
|
/* 1.75x */
|
|
#mainPanel[zoom="1.75x"] CTabBar #tabScroll {min-width: 64px; max-width: 64px;}
|
|
#mainPanel[zoom="1.75x"] CTabBar #tabScroll>QToolButton {max-height: 49px;}
|
|
#mainPanel[zoom="1.75x"] Tab {min-width: 72px; max-width: 236px; width: 236px; height: 49px; border-right-width: 2px;}
|
|
#mainPanel[zoom="1.75x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px;}
|
|
#mainPanel[zoom="1.75x"] Tab #tabText {font-size: 18px;}
|
|
#mainPanel[zoom="1.75x"] Tab #tabButton {width: 28px; max-width: 28px; max-height: 28px; border-width: 2px;}
|
|
#mainPanel[zoom="1.75x"][rtl=true] Tab {border-left-width: 2px;}
|
|
#mainPanel[zoom="1.75x"][rtl-font=true][unix=true] Tab #tabText {font-size: 19px;}
|
|
#mainPanel[zoom="1.75x"][win10=true] CTabBar {margin-top: 9px;}
|
|
|
|
/* 2x */
|
|
#mainPanel[zoom="2x"] CTabBar #tabScroll {min-width: 64px; max-width: 64px;}
|
|
#mainPanel[zoom="2x"] CTabBar #tabScroll>QToolButton {max-height: 56px;}
|
|
#mainPanel[zoom="2x"] Tab {min-width: 82px; max-width: 270px; width: 270px; height: 56px; border-right-width: 2px;}
|
|
#mainPanel[zoom="2x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px;}
|
|
#mainPanel[zoom="2x"] Tab #tabText {font-size: 20px;}
|
|
#mainPanel[zoom="2x"] Tab #tabButton {width: 32px; max-width: 32px; max-height: 32px; border-width: 2px;}
|
|
#mainPanel[zoom="2x"][rtl=true] Tab {border-left-width: 2px;}
|
|
#mainPanel[zoom="2x"][rtl-font=true][unix=true] Tab #tabText {font-size: 22px;}
|
|
#mainPanel[zoom="2x"][win10=true] CTabBar {margin-top: 10px;}
|
|
|
|
/* 2.25x */
|
|
#mainPanel[zoom="2.25x"] CTabBar #tabScroll {min-width: 72px; max-width: 72px;}
|
|
#mainPanel[zoom="2.25x"] CTabBar #tabScroll>QToolButton {max-height: 63px;}
|
|
#mainPanel[zoom="2.25x"] Tab {min-width: 92px; max-width: 304px; width: 304px; height: 63px; border-right-width: 2px;}
|
|
#mainPanel[zoom="2.25x"] Tab #tabIcon {padding-left: 9px; padding-right: 9px; min-width: 36px; min-height: 36px; max-width: 36px; max-height: 36px;}
|
|
#mainPanel[zoom="2.25x"] Tab #tabText {font-size: 23px;}
|
|
#mainPanel[zoom="2.25x"] Tab #tabButton {width: 36px; max-width: 36px; max-height: 36px; border-width: 2px;}
|
|
#mainPanel[zoom="2.25x"][rtl=true] Tab {border-left-width: 2px;}
|
|
#mainPanel[zoom="2.25x"][rtl-font=true][unix=true] Tab #tabText {font-size: 25px;}
|
|
#mainPanel[zoom="2.25x"][win10=true] CTabBar {margin-top: 11px;}
|
|
|
|
/* 2.5x */
|
|
#mainPanel[zoom="2.5x"] CTabBar #tabScroll {min-width: 80px; max-width: 80px;}
|
|
#mainPanel[zoom="2.5x"] CTabBar #tabScroll>QToolButton {max-height: 70px;}
|
|
#mainPanel[zoom="2.5x"] Tab {min-width: 103px; max-width: 338px; width: 338px; height: 70px; border-right-width: 3px;}
|
|
#mainPanel[zoom="2.5x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px;}
|
|
#mainPanel[zoom="2.5x"] Tab #tabText {font-size: 25px;}
|
|
#mainPanel[zoom="2.5x"] Tab #tabButton {width: 40px; max-width: 40px; max-height: 40px; border-width: 2px;}
|
|
#mainPanel[zoom="2.5x"][rtl=true] Tab {border-left-width: 3px;}
|
|
#mainPanel[zoom="2.5x"][rtl-font=true][unix=true] Tab #tabText {font-size: 27px;}
|
|
#mainPanel[zoom="2.5x"][win10=true] CTabBar {margin-top: 13px;}
|
|
|
|
/* 2.75x */
|
|
#mainPanel[zoom="2.75x"] CTabBar #tabScroll {min-width: 88px; max-width: 88px;}
|
|
#mainPanel[zoom="2.75x"] CTabBar #tabScroll>QToolButton {max-height: 77px;}
|
|
#mainPanel[zoom="2.75x"] Tab {min-width: 113px; max-width: 371px; width: 371px; height: 77px; border-right-width: 3px;}
|
|
#mainPanel[zoom="2.75x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px;}
|
|
#mainPanel[zoom="2.75x"] Tab #tabText {font-size: 28px;}
|
|
#mainPanel[zoom="2.75x"] Tab #tabButton {width: 44px; max-width: 44px; max-height: 44px; border-width: 2px;}
|
|
#mainPanel[zoom="2.75x"][rtl=true] Tab {border-left-width: 3px;}
|
|
#mainPanel[zoom="2.75x"][rtl-font=true][unix=true] Tab #tabText {font-size: 30px;}
|
|
#mainPanel[zoom="2.75x"][win10=true] CTabBar {margin-top: 14px;}
|
|
|
|
/* 3x */
|
|
#mainPanel[zoom="3x"] CTabBar #tabScroll {min-width: 96px; max-width: 96px;}
|
|
#mainPanel[zoom="3x"] CTabBar #tabScroll>QToolButton {max-height: 84px;}
|
|
#mainPanel[zoom="3x"] Tab {min-width: 123px; max-width: 405px; width: 405px; height: 84px; border-right-width: 3px;}
|
|
#mainPanel[zoom="3x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 48px; min-height: 48px; max-width: 48px; max-height: 48px;}
|
|
#mainPanel[zoom="3x"] Tab #tabText {font-size: 30px;}
|
|
#mainPanel[zoom="3x"] Tab #tabButton {width: 48px; max-width: 48px; max-height: 48px; border-width: 2px;}
|
|
#mainPanel[zoom="3x"][rtl=true] Tab {border-left-width: 3px;}
|
|
#mainPanel[zoom="3x"][rtl-font=true][unix=true] Tab #tabText {font-size: 34px;}
|
|
#mainPanel[zoom="3x"][win10=true] CTabBar {margin-top: 15px;}
|
|
|
|
/* 3.5x */
|
|
#mainPanel[zoom="3.5x"] CTabBar #tabScroll {min-width: 112px; max-width: 112px;}
|
|
#mainPanel[zoom="3.5x"] CTabBar #tabScroll>QToolButton {max-height: 98px;}
|
|
#mainPanel[zoom="3.5x"] Tab {min-width: 144px; max-width: 473px; width: 473px; height: 98px; border-right-width: 4px;}
|
|
#mainPanel[zoom="3.5x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 56px; min-height: 56px; max-width: 56px; max-height: 56px;}
|
|
#mainPanel[zoom="3.5x"] Tab #tabText {font-size: 35px;}
|
|
#mainPanel[zoom="3.5x"] Tab #tabButton {width: 56px; max-width: 56px; max-height: 56px; border-width: 2px;}
|
|
#mainPanel[zoom="3.5x"][rtl=true] Tab {border-left-width: 4px;}
|
|
#mainPanel[zoom="3.5x"][rtl-font=true][unix=true] Tab #tabText {font-size: 39px;}
|
|
#mainPanel[zoom="3.5x"][win10=true] CTabBar {margin-top: 18px;}
|
|
|
|
/* 4x */
|
|
#mainPanel[zoom="4x"] CTabBar #tabScroll {min-width: 128px; max-width: 128px;}
|
|
#mainPanel[zoom="4x"] CTabBar #tabScroll>QToolButton {max-height: 112px;}
|
|
#mainPanel[zoom="4x"] Tab {min-width: 164px; max-width: 540px; width: 540px; height: 112px; border-right-width: 4px;}
|
|
#mainPanel[zoom="4x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 64px; min-height: 64px; max-width: 64px; max-height: 64px;}
|
|
#mainPanel[zoom="4x"] Tab #tabText {font-size: 40px;}
|
|
#mainPanel[zoom="4x"] Tab #tabButton {width: 64px; max-width: 64px; max-height: 64px; border-width: 2px;}
|
|
#mainPanel[zoom="4x"][rtl=true] Tab {border-left-width: 4px;}
|
|
#mainPanel[zoom="4x"][rtl-font=true][unix=true] Tab #tabText {font-size: 44px;}
|
|
#mainPanel[zoom="4x"][win10=true] CTabBar {margin-top: 20px;}
|
|
|
|
/* 4.5x */
|
|
#mainPanel[zoom="4.5x"] CTabBar #tabScroll {min-width: 144px; max-width: 144px;}
|
|
#mainPanel[zoom="4.5x"] CTabBar #tabScroll>QToolButton {max-height: 126px;}
|
|
#mainPanel[zoom="4.5x"] Tab {min-width: 185px; max-width: 608px; width: 608px; height: 126px; border-right-width: 5px;}
|
|
#mainPanel[zoom="4.5x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 72px; min-height: 72px; max-width: 72px; max-height: 72px;}
|
|
#mainPanel[zoom="4.5x"] Tab #tabText {font-size: 45px;}
|
|
#mainPanel[zoom="4.5x"] Tab #tabButton {width: 72px; max-width: 72px; max-height: 72px; border-width: 2px;}
|
|
#mainPanel[zoom="4.5x"][rtl=true] Tab {border-left-width: 5px;}
|
|
#mainPanel[zoom="4.5x"][rtl-font=true][unix=true] Tab #tabText {font-size: 49px;}
|
|
#mainPanel[zoom="4.5x"][win10=true] CTabBar {margin-top: 23px;}
|
|
|
|
/* 5x */
|
|
#mainPanel[zoom="5x"] CTabBar #tabScroll {min-width: 160px; max-width: 160px;}
|
|
#mainPanel[zoom="5x"] CTabBar #tabScroll>QToolButton {max-height: 140px;}
|
|
#mainPanel[zoom="5x"] Tab {min-width: 205px; max-width: 675px; width: 675px; height: 140px; border-right-width: 5px;}
|
|
#mainPanel[zoom="5x"] Tab #tabIcon {padding-left: 8px; padding-right: 8px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px;}
|
|
#mainPanel[zoom="5x"] Tab #tabText {font-size: 50px;}
|
|
#mainPanel[zoom="5x"] Tab #tabButton {width: 80px; max-width: 80px; max-height: 80px; border-width: 2px;}
|
|
#mainPanel[zoom="5x"][rtl=true] Tab {border-left-width: 5px;}
|
|
#mainPanel[zoom="5x"][rtl-font=true][unix=true] Tab #tabText {font-size: 55px;}
|
|
#mainPanel[zoom="5x"][win10=true] CTabBar {margin-top: 25px;}
|