MediaWiki:Gadget-TripleTabView Font size.css
Erscheinungsbild
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* دکمه های + - و ریست */
.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;
}