User:Talonsin/darkangels-styles.css: Difference between revisions

From Eternum McEdition
Jump to navigationJump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* __TEMPLATESTYLES__ */
/* __TEMPLATESTYLES__ */
/* DARK THEME OVERRIDES */
/* DARK ANGELS INVERTED COLOR THEME */
 
/* ===== GLOBAL OVERRIDES ===== */
.darkangels-theme,
.darkangels-theme,
.darkangels-theme body,
.darkangels-theme body,
.darkangels-theme #content,
.darkangels-theme #content,
.darkangels-theme .mw-body {
.darkangels-theme .mw-body,
     background: white !important;
.darkangels-theme #bodyContent {
     color: #333 !important;
     background: #111 !important; /* Near-black instead of pure black */
     color: #ddd !important; /* Light gray for readability */
    filter: none !important;
}
}


/* Force green headers */
/* Content container */
.darkangels-theme .army-rule-header {
.darkangels-theme #bodyContent {
     background-color: #006341 !important;
     max-width: 1000px;
     filter: none !important; /* Remove any theme color filters */
     margin: 0 auto;
}
     padding: 20px;
/* DARK ANGELS THEME - WHITE BACKGROUND VERSION */
 
/* Force white background for entire page */
.darkangels-theme,
.darkangels-theme body {
     background: white !important;
    color: #333;
}
}


/* Base Text */
/* ===== TYPOGRAPHY ===== */
.darkangels-theme #content {
.darkangels-theme {
     font-family: 'Roboto', 'Segoe UI', sans-serif;
     font-family: 'Segoe UI', Roboto, sans-serif;
     line-height: 1.5;
     line-height: 1.6;
}
}


/* Headers - Now with better contrast */
.darkangels-theme h1,
.darkangels-theme h1,
.darkangels-theme h2,
.darkangels-theme h2,
.darkangels-theme h3 {
.darkangels-theme h3 {
     color: #006341 !important; /* Dark Angels green */
     color: #ff66b3 !important; /* Bright pink instead of green */
     border-bottom: 1px solid #e0e0e0;
     border-bottom: 2px solid #444 !important;
     padding-bottom: 3px;
     padding-bottom: 5px;
     font-weight: 700;
     font-weight: 700;
}
}


/* Army Rules Boxes */
/* ===== ARMY RULES ===== */
.darkangels-theme .army-rules-container {
.darkangels-theme .army-rules-container {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 15px;
     gap: 20px;
     margin: 20px 0;
     margin: 25px 0;
}
}


.darkangels-theme .army-rule-box {
.darkangels-theme .army-rule-box {
     border: 1px solid #d0d0d0;
     border: 1px solid #444 !important;
     border-radius: 4px;
     border-radius: 5px;
     width: 100%;
     width: 100%;
     max-width: 500px;
     max-width: 500px;
     background: white;
     background: #222 !important; /* Dark gray background */
    box-shadow: none !important; /* Remove any dark shadows */
    overflow: hidden;
}
}


/* Rule Headers - Now properly green */
.darkangels-theme .army-rule-header {
.darkangels-theme .army-rule-header {
     background-color: #006341 !important; /* Forces green override */
     background-color: #ff66b3 !important; /* Pink headers */
     color: white !important;
     color: #111 !important; /* Dark text on pink */
     padding: 8px 12px;
     padding: 10px 15px;
     font-weight: 700;
     font-weight: 700;
     font-size: 16px;
     font-size: 16px;
}
}


/* Content Areas */
.darkangels-theme .army-rule-content {
.darkangels-theme .army-rule-content {
     padding: 12px;
     padding: 15px;
     font-size: 14px;
     font-size: 14px;
     background: white !important;
     line-height: 1.5;
     color: #333 !important;
     color: #ddd !important;
}
}


/* Keywords */
/* ===== KEYWORDS ===== */
.darkangels-theme .keyword {
.darkangels-theme .keyword {
     font-weight: 700;
     font-weight: 700;
     text-transform: uppercase;
     text-transform: uppercase;
     color: #555 !important;
     color: #ff88cc !important; /* Lighter pink */
    letter-spacing: 0.5px;
}
}


/* Tables - Full white treatment */
/* ===== TABLES ===== */
.darkangels-theme .wikitable {
.darkangels-theme .wikitable {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
     font-size: 13px;
     font-size: 13px;
     border-collapse: collapse;
     background: #222 !important; /* Dark gray */
     width: 100%;
     border: 1px solid #444 !important;
    margin: 15px 0;
    background: white !important;
}
}


.darkangels-theme .wikitable th {
.darkangels-theme .wikitable th {
     background-color: #006341 !important; /* Green headers */
     background-color: #ff66b3 !important; /* Pink headers */
     color: white !important;
     color: #111 !important; /* Dark text */
     padding: 6px 10px;
     padding: 8px 12px;
    text-align: left;
}
}


.darkangels-theme .wikitable td {
.darkangels-theme .wikitable td {
     padding: 6px 10px;
     padding: 8px 12px;
     border-bottom: 1px solid #e0e0e0;
     border: 1px solid #444 !important;
     background: white !important;
     vertical-align: top;
    color: #ddd !important;
}
}


.darkangels-theme .wikitable tr:nth-child(even) {
.darkangels-theme .wikitable tr:nth-child(even) {
     background-color: #f8f8f8 !important;
     background-color: #333 !important; /* Slightly lighter gray */
}
 
/* ===== SPECIAL CASES ===== */
.darkangels-theme a {
    color: #ff88cc !important; /* Lighter pink links */
    text-decoration: underline;
}
 
.darkangels-theme pre,
.darkangels-theme code {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #eee !important;
}
}

Latest revision as of 19:58, 19 June 2025

/* __TEMPLATESTYLES__ */
/* DARK ANGELS INVERTED COLOR THEME */

/* ===== GLOBAL OVERRIDES ===== */
.darkangels-theme,
.darkangels-theme body,
.darkangels-theme #content,
.darkangels-theme .mw-body,
.darkangels-theme #bodyContent {
    background: #111 !important; /* Near-black instead of pure black */
    color: #ddd !important; /* Light gray for readability */
    filter: none !important;
}

/* Content container */
.darkangels-theme #bodyContent {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

/* ===== TYPOGRAPHY ===== */
.darkangels-theme {
    font-family: 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
}

.darkangels-theme h1,
.darkangels-theme h2,
.darkangels-theme h3 {
    color: #ff66b3 !important; /* Bright pink instead of green */
    border-bottom: 2px solid #444 !important;
    padding-bottom: 5px;
    font-weight: 700;
}

/* ===== ARMY RULES ===== */
.darkangels-theme .army-rules-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.darkangels-theme .army-rule-box {
    border: 1px solid #444 !important;
    border-radius: 5px;
    width: 100%;
    max-width: 500px;
    background: #222 !important; /* Dark gray background */
    overflow: hidden;
}

.darkangels-theme .army-rule-header {
    background-color: #ff66b3 !important; /* Pink headers */
    color: #111 !important; /* Dark text on pink */
    padding: 10px 15px;
    font-weight: 700;
    font-size: 16px;
}

.darkangels-theme .army-rule-content {
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #ddd !important;
}

/* ===== KEYWORDS ===== */
.darkangels-theme .keyword {
    font-weight: 700;
    text-transform: uppercase;
    color: #ff88cc !important; /* Lighter pink */
    letter-spacing: 0.5px;
}

/* ===== TABLES ===== */
.darkangels-theme .wikitable {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    font-size: 13px;
    background: #222 !important; /* Dark gray */
    border: 1px solid #444 !important;
}

.darkangels-theme .wikitable th {
    background-color: #ff66b3 !important; /* Pink headers */
    color: #111 !important; /* Dark text */
    padding: 8px 12px;
    text-align: left;
}

.darkangels-theme .wikitable td {
    padding: 8px 12px;
    border: 1px solid #444 !important;
    vertical-align: top;
    color: #ddd !important;
}

.darkangels-theme .wikitable tr:nth-child(even) {
    background-color: #333 !important; /* Slightly lighter gray */
}

/* ===== SPECIAL CASES ===== */
.darkangels-theme a {
    color: #ff88cc !important; /* Lighter pink links */
    text-decoration: underline;
}

.darkangels-theme pre,
.darkangels-theme code {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #eee !important;
}