میڈیاویکی:Gadget-TripleTabView Font size.css
یاد دہانی: محفوظ کرنے کے بعد ان تبدیلیوں کو دیکھنے کے لیے آپ کو اپنے براؤزر کا کیش (cache) صاف کرنا ہوگا۔
- فائرفاکس/ سفاری: جب Reload پر کلک کریں تو Shift دباکر رکھیں، یا Ctrl-F5 یا Ctrl-R دبائیں (Mac پر R-⌘)
- گوگل کروم: Ctrl-Shift-R دبائیں (Mac پر Shift-R-⌘)
- انٹرنیٹ ایکسپلورر: جب Refresh پر کلک کریں تو Ctrl یا Ctrl-F5 دبائیں
- اوپیرا: Tools → Preferences میں جائیں اور کیش (cache) صاف کریں
/* دکمه های + - و ریست */
.table-controls {
text-align: left;
margin: 10px 10px 10px 20px;
}
.font-button {
cursor: pointer;
display: inline-block;
padding: 0px 6px 0px 6px;
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;
}