Jump to content

MediaWiki:Common.css: Difference between revisions

From Pure Evil Villains
Dude of Wealth and Taste (talk | contribs)
Created page with "Light Theme Styles: body:not(.dark-theme) .infobox { background-color: #ffffff; color: #000000; border: 1px solid #ddd; } body:not(.dark-theme) .infobox th { background-color: #f4f4f4; color: #000000; } body:not(.dark-theme) .infobox td { background-color: #f9f9f9; } Dark Theme Styles: body.dark-theme .infobox { background-color: #2e2e2e; color: #ffffff; border: 1px solid #444; } body.dark-theme .infobox th { backgrou..."
 
Dude of Wealth and Taste (talk | contribs)
No edit summary
Line 1: Line 1:
/* Light Theme Styles */
/* Ensures it applies only to your infobox */
body:not(.dark-theme) .infobox {
.purely-evil-infobox {
     background-color: #ffffff;
     background-color: #2e2e2e;
     color: #000000;
     color: white;
     border: 1px solid #ddd;
     border: 1px solid #444;
}
    border-radius: 10px;
 
    font-family: Verdana, sans-serif;
body:not(.dark-theme) .infobox th {
    padding: 10px;
     background-color: #f4f4f4;
     width: 250px;
     color: #000000;
     margin: 10px;
}
}


body:not(.dark-theme) .infobox td {
.purely-evil-infobox .infobox-title {
     background-color: #f9f9f9;
    font-size: 150%;
    font-weight: bold;
    color: white;
     background-color: #333;
    padding: 5px;
    text-align: center;
    text-shadow: 2px 2px 5px red;
}
}


/* Dark Theme Styles */
.purely-evil-infobox .infobox-label {
body.dark-theme .infobox {
     color: white;
     background-color: #2e2e2e;
     font-weight: bold;
     color: #ffffff;
     margin-top: 5px;
     border: 1px solid #444;
}
}


body.dark-theme .infobox th {
.purely-evil-infobox .infobox-data {
     background-color: #444;
     color: #ccc;
     color: #ffffff;
     margin-top: 2px;
}
}


body.dark-theme .infobox td {
.purely-evil-infobox .infobox-label,
     background-color: #3a3a3a;
.purely-evil-infobox .infobox-data {
     font-size: 14px;
}
}

Revision as of 11:31, 8 October 2025

/* Ensures it applies only to your infobox */
.purely-evil-infobox {
    background-color: #2e2e2e;
    color: white;
    border: 1px solid #444;
    border-radius: 10px;
    font-family: Verdana, sans-serif;
    padding: 10px;
    width: 250px;
    margin: 10px;
}

.purely-evil-infobox .infobox-title {
    font-size: 150%;
    font-weight: bold;
    color: white;
    background-color: #333;
    padding: 5px;
    text-align: center;
    text-shadow: 2px 2px 5px red;
}

.purely-evil-infobox .infobox-label {
    color: white;
    font-weight: bold;
    margin-top: 5px;
}

.purely-evil-infobox .infobox-data {
    color: #ccc;
    margin-top: 2px;
}

.purely-evil-infobox .infobox-label, 
.purely-evil-infobox .infobox-data {
    font-size: 14px;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.