MediaWiki:Gadget-TripleTabView Font size.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* دکمه های + - و ریست */
.table-controls {
text-align: left;
margin: 10px 10px 10px 20px;
}
.font-button {
cursor: pointer;
display: inline-block;
padding: 4px 6px;
font: icon;
background-color: #4CAF50;
border-radius: 4px;
font-size: 16px; /* اندازه بزرگتر برای نماد */
transition: all 0.3s ease; /* اضافه کردن انیمیشن کوچک */
text-align: center;
outline: none;
}
.font-button:hover {
color: #0056b3; /* رنگ آبی تیرهتر برای حالت هاور */
background-color: #45a049;
}
.decrease-button {
background-color: #f44336;
}
.decrease-button:hover {
background-color: #e53935;
}
.reset-button {
background-color: #2196F3;
}
.reset-button:hover {
background-color: #1976D2;
}
/* Styles for Dark Mode Button */
.dark-mode-button {
background-color: #555;
}
.dark-mode-button:hover {
background-color: #333;
}
/* استایلهای مخصوص راستچین */
html[dir="rtl"] .table-controls {
text-align: left;
margin: 10px 10px 10px 20px;
}
/* استایلهای مخصوص چپچین */
html[dir="ltr"] .table-controls {
text-align: right;
margin: 10px 20px 10px 10px;
}