Jump to content

MediaWiki:Gadget-TripleTabView dark.css: Difference between revisions

no edit summary
(Created page with "→‎Dark Mode Styles: .dark-mode { background-color: #121212; color: #e0e0e0; } .dark-mode .tab-content .content-card p { font-size: 16px; color: #b4b87b; text-align: right; } →‎استایل‌های مخصوص راست‌چین: html[dir="rtl"] .dark-mode .tab-content .content-card p { text-align: right; } html[dir="rtl"] .dark-mode .tab-header div.active { background: #444; color: #ffd700; text-align: right; } /* استایل...")
 
No edit summary
 
Line 7: Line 7:
.dark-mode .tab-content .content-card p {
.dark-mode .tab-content .content-card p {
     font-size: 16px;
     font-size: 16px;
    color: #b4b87b;
color: #b4b87b;
     text-align: right;
     text-align: right;
}
}


/* استایل‌های مخصوص راست‌چین */
.dark-mode .tab-header {
html[dir="rtl"] .dark-mode .tab-content .content-card p {
     background: #333;
    text-align: right;
     color: #ddd;
}
     border-bottom: 2px solid #444;
 
html[dir="rtl"] .dark-mode .tab-header div.active {
     background: #444;
     color: #ffd700;
     text-align: right;
}
}


/* استایل‌های مخصوص چپ‌چین */
.dark-mode .tab-header div.active {
html[dir="ltr"] .dark-mode .tab-content .content-card p {
    text-align: left;
}
 
html[dir="ltr"] .dark-mode .tab-header div.active {
     background: #444;
     background: #444;
     color: #ffd700;
     color: #ffd700;
    text-align: left;
}
.dark-mode .tab-header {
    background: #333;
    color: #ddd;
    border-bottom: 2px solid #444;
}
}


Line 81: Line 64:
.dark-mode .tab-content .responsive-table .table-row {
.dark-mode .tab-content .responsive-table .table-row {
     background: #2c2c2c;
     background: #2c2c2c;
    color: #b4b87b;
color: #b4b87b;
}
}


.dark-mode .tab-content .responsive-table .table-row .right-cell {
.dark-mode .tab-content .responsive-table .table-row .right-cell {
    color: #b4b87b
color: #b4b87b
}
}