pengjunjie/desktop-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/desktop-apps.git synced 2026-04-07 14:09:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

[win-linux] add feature: RTL mode

Browse Source
This commit is contained in:
SimplestStudio
2023-12-20 10:35:29 +02:00
parent 2ad2aee453
commit c41c1aeea2
43 changed files with 331 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
win-linux/res/styles/styles.qss
View File

@ -93,8 +93,10 @@ QPushButton#toolButtonMain {
font-size: 10px;
font-family: 'Open Sans',sans-serif;
font-weight: bold;
border-left: 0px;
border-right: 1px solid #f1f1f1;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-right: 0px; border-left: 1px solid #f1f1f1;}
/*QPushButton#toolButtonMain[theme=light] {*/
/* border: 1px solid #b6b6b6;*/
@ -117,8 +119,9 @@ QPushButton#toolButtonMain[class=normal],
QPushButton#toolButtonMain[class=normal]
{
background: #f1f1f1;
border-right-color: #dfdfdf;
border-color: #dfdfdf;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain[class=normal] {border-color: #dfdfdf;}
QPushButton#toolButtonMain[class=normal]:hover {
background: #cecece;
@ -145,7 +148,8 @@ QPushButton::menu-indicator {width: 0px; height: 0px;}
/*border-image: url(:/res/icons/menu-indicator-dark.png) 0 10 0 0 repeat repeat;*/
/*}*/
QPushButton#toolButtonDownload {border-right: 1px solid #dfdfdf; max-width: 40px; width: 40px; max-height: 28px; height: 28px;}
QPushButton#toolButtonDownload {border-left: 0px; border-right: 1px solid #dfdfdf; max-width: 40px; width: 40px; max-height: 28px; height: 28px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-right: 0px; border-left: 1px solid #dfdfdf;}
/**************************/
/* dark theme definitions */
@ -160,9 +164,11 @@ QPushButton#toolButtonDownload {border-right: 1px solid #dfdfdf; max-width: 40px
color: #d9d9d9;
}
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonDownload,
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonDownload {
border-color: #505050;
}
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonMain {
border-right-color: #333;
border-color: #333;
}
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonMain[class=active] {
@ -171,7 +177,7 @@ QPushButton#toolButtonDownload {border-right: 1px solid #dfdfdf; max-width: 40px
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonMain[class=normal] {
background: #404040;
border-right-color: #505050;
border-color: #505050;
}
#mainPanel[uitheme=theme-dark] QPushButton#toolButtonMain[class=normal]:hover {
@ -223,14 +229,16 @@ QPushButton#toolButtonDownload {border-right: 1px solid #dfdfdf; max-width: 40px
background: #1e1e1e;
}
#mainPanel[uitheme=theme-contrast-dark] QPushButton#toolButtonDownload,
#mainPanel[uitheme=theme-contrast-dark] QPushButton#toolButtonDownload {
border-color: #414141;
}
#mainPanel[uitheme=theme-contrast-dark] QPushButton#toolButtonMain {
border-right-color: #1e1e1e;
border-color: #1e1e1e;
}
#mainPanel[uitheme=theme-contrast-dark] QPushButton#toolButtonMain[class=normal] {
background: #2a2a2a;
border-right-color: #414141;
border-color: #414141;
}
#mainPanel[uitheme=theme-contrast-dark] QPushButton#toolButtonMain[class=normal]:hover {
@ -249,11 +257,11 @@ QPushButton#toolButtonDownload {border-right: 1px solid #dfdfdf; max-width: 40px
/***********************************/
#mainPanel[uitheme=theme-classic-light] QPushButton#toolButtonMain {
border-right-color: #f1f1f1;
border-color: #f1f1f1;
}
#mainPanel[uitheme=theme-classic-light] QPushButton#toolButtonMain[class=normal] {
border-right-color: #cbcbcb;
border-color: #cbcbcb;
}

2
win-linux/res/styles/styles@1.25x.qss
View File

@ -25,6 +25,7 @@ QPushButton#toolButtonMaximize[kde=true], QPushButton#toolButtonMinimize[kde=tru
QPushButton#toolButtonMain {
border-right-width: 1px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 1px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 1px;
@ -38,6 +39,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 1px; max-width: 50px; width: 50px; max-height: 35px; height: 35px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 1px;}
/* ToolTip*/

2
win-linux/res/styles/styles@1.5x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
/*font-size: 20px;*/
border-right-width: 2px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 2px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 2px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 2px; max-width: 60px; width: 60px; max-height: 42px; height: 42px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 2px;}
/* ToolTip*/

2
win-linux/res/styles/styles@1.75x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
/*font-size: 20px;*/
border-right-width: 2px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 2px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 2px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 2px; max-width: 70px; width: 70px; max-height: 49px; height: 49px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 2px;}
/* ToolTip*/

2
win-linux/res/styles/styles@2.25x.qss
View File

@ -11,11 +11,13 @@ QPushButton#toolButtonMaximize[kde=true], QPushButton#toolButtonMinimize[kde=tru
QPushButton#toolButtonClose[kde=true] {padding: 5px 0px 15px;}
QPushButton#toolButtonMain {font-size: 23px; border-right-width: 2px;}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 2px;}
QPushButton#toolButtonMain[theme=light] {border-width: 2px; border-bottom: 0 none;}
QPushButton#toolButtonMain[class=normal],
QPushButton#toolButtonMain[class=normal]:hover {border-bottom-width: 2px;}
QPushButton#toolButtonDownload {border-right-width: 2px; max-width: 90px; width: 90px; max-height: 63px; height: 63px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 2px;}
/* ToolTip*/

2
win-linux/res/styles/styles@2.5x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 25px;
border-right-width: 3px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 3px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 3px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 3px; max-width: 100px; width: 100px; max-height: 70px; height: 70px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 3px;}
/* ToolTip*/

2
win-linux/res/styles/styles@2.75x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 28px;
border-right-width: 3px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 3px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 3px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 3px; max-width: 110px; width: 110px; max-height: 77px; height: 77px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 3px;}
/* ToolTip*/

2
win-linux/res/styles/styles@2x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 20px;
border-right-width: 2px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 2px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 2px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 2px; max-width: 80px; width: 80px; max-height: 56px; height: 56px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 2px;}
/* ToolTip*/

2
win-linux/res/styles/styles@3.5x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 35px;
border-right-width: 4px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 4px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 4px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 4px; max-width: 140px; width: 140px; max-height: 98px; height: 98px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 4px;}
/* ToolTip*/

2
win-linux/res/styles/styles@3x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 30px;
border-right-width: 3px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 3px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 3px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 3px; max-width: 120px; width: 120px; max-height: 84px; height: 84px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 3px;}
/* ToolTip*/

2
win-linux/res/styles/styles@4.5x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 45px;
border-right-width: 5px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 5px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 5px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 5px; max-width: 180px; width: 180px; max-height: 126px; height: 126px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 5px;}
/* ToolTip*/

2
win-linux/res/styles/styles@4x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 40px;
border-right-width: 4px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 4px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 4px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 4px; max-width: 160px; width: 160px; max-height: 112px; height: 112px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 4px;}
/* ToolTip*/

2
win-linux/res/styles/styles@5x.qss
View File

@ -26,6 +26,7 @@ QPushButton#toolButtonMain {
font-size: 50px;
border-right-width: 5px;
}
#mainPanel[rtl=true] QPushButton#toolButtonMain {border-left-width: 5px;}
QPushButton#toolButtonMain[theme=light] {
border-width: 5px;
@ -39,6 +40,7 @@ QPushButton#toolButtonMain[class=normal],
}
QPushButton#toolButtonDownload {border-right-width: 5px; max-width: 200px; width: 200px; max-height: 140px; height: 140px;}
#mainPanel[rtl=true] QPushButton#toolButtonDownload {border-left-width: 5px;}
/* ToolTip*/

19
win-linux/res/styles/tabbar.qss
View File

@ -16,10 +16,11 @@ CTabBar #tabScroll>#rightButton:disabled {image: url(:/tabbar/icons/scrolltab_rd
CTabBar #tabScroll>#rightButton:hover {image: url(:/tabbar/icons/scrolltab_rh.svg);}
CTabBar #tabScroll>#rightButton:pressed {image: url(:/tabbar/icons/scrolltab_rp.svg);}
Tab {background: #f1f1f1; border: none; border-right: 1px solid #dfdfdf; margin: 0px; padding: 0px;}
Tab {background: #f1f1f1; border: none; border-left: 0px; border-right: 1px solid #dfdfdf; 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 #dfdfdf;}
Tab[selected=true] {background: #446995; border-color: #446995;}
@ -31,9 +32,11 @@ CTabBar[active=false] Tab[selected=true][hovered=true] {background: #cecece;}
/* light */
#mainPanel[uitheme=theme-light] Tab {border-right-color: #dfdfdf;}
#mainPanel[uitheme=theme-light][rtl=true] Tab {border-left-color: #dfdfdf;}
/* classic light */
#mainPanel[uitheme=theme-classic-light] Tab {border-right-color: #cbcbcb;}
#mainPanel[uitheme=theme-classic-light][rtl=true] Tab {border-left-color: #cbcbcb;}
/* dark */
#mainPanel[uitheme=theme-dark] CTabBar {background: #404040;}
@ -45,6 +48,7 @@ CTabBar[active=false] Tab[selected=true][hovered=true] {background: #cecece;}
#mainPanel[uitheme=theme-dark] CTabBar[active=false] Tab[selected=true] {background: #404040; border-color: #505050;}
#mainPanel[uitheme=theme-dark] Tab[selected=false][hovered=true],
#mainPanel[uitheme=theme-dark] CTabBar[active=false] Tab[selected=true][hovered=true] {background: #555;}
#mainPanel[uitheme=theme-dark][rtl=true] Tab {border-left-color: #505050;}
/* contrast-dark */
#mainPanel[uitheme=theme-contrast-dark] CTabBar {background: #2a2a2a;}
@ -56,6 +60,7 @@ CTabBar[active=false] Tab[selected=true][hovered=true] {background: #cecece;}
#mainPanel[uitheme=theme-contrast-dark] CTabBar[active=false] Tab[selected=true] {background: #2a2a2a; border-color: #414141;}
#mainPanel[uitheme=theme-contrast-dark] Tab[selected=false][hovered=true],
#mainPanel[uitheme=theme-contrast-dark] CTabBar[active=false] Tab[selected=true][hovered=true] {background: #424242;}
#mainPanel[uitheme=theme-contrast-dark][rtl=true] Tab {border-left-color: #414141;}
/* portal */
@ -109,6 +114,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 1.5x */
#mainPanel[zoom="1.5x"] CTabBar #tabScroll {min-width: 48px; max-width: 48px;}
@ -117,6 +123,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 1.75x */
#mainPanel[zoom="1.75x"] CTabBar #tabScroll {min-width: 64px; max-width: 64px;}
@ -125,6 +132,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 2x */
#mainPanel[zoom="2x"] CTabBar #tabScroll {min-width: 64px; max-width: 64px;}
@ -133,6 +141,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 2.25x */
#mainPanel[zoom="2.25x"] CTabBar #tabScroll {min-width: 72px; max-width: 72px;}
@ -141,6 +150,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 2.5x */
#mainPanel[zoom="2.5x"] CTabBar #tabScroll {min-width: 80px; max-width: 80px;}
@ -149,6 +159,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 2.75x */
#mainPanel[zoom="2.75x"] CTabBar #tabScroll {min-width: 88px; max-width: 88px;}
@ -157,6 +168,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 3x */
#mainPanel[zoom="3x"] CTabBar #tabScroll {min-width: 96px; max-width: 96px;}
@ -165,6 +177,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 3.5x */
#mainPanel[zoom="3.5x"] CTabBar #tabScroll {min-width: 112px; max-width: 112px;}
@ -173,6 +186,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 4x */
#mainPanel[zoom="4x"] CTabBar #tabScroll {min-width: 128px; max-width: 128px;}
@ -181,6 +195,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 4.5x */
#mainPanel[zoom="4.5x"] CTabBar #tabScroll {min-width: 144px; max-width: 144px;}
@ -189,6 +204,7 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}
/* 5x */
#mainPanel[zoom="5x"] CTabBar #tabScroll {min-width: 160px; max-width: 160px;}
@ -197,3 +213,4 @@ Tab #tabButton {width: 16px; max-width: 16px; max-height: 16px; border-width: 2p
#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;}