MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* MAIN PAGE WIDTH */ | ||
. | .mods-container { | ||
max-width: 1100px; | |||
margin: 0 auto; | |||
} | } | ||
/* HEADER BOX */ | |||
.mods-header { | |||
background: #0b0f1a; | |||
border: 2px solid #3b82f6; | |||
border-radius: 12px; | |||
padding: 20px; | |||
margin-bottom: 30px; | |||
} | |||
.mods-header h1 { | |||
margin: 0; | |||
font-size: 2.2rem; | |||
letter-spacing: 1px; | |||
} | |||
.mods-header p { | |||
opacity: 0.8; | |||
} | |||
/* MAIN PANEL */ | |||
.mods-panel { | |||
background: #0b0f1a; | |||
border: 2px solid #3b82f6; | |||
border-radius: 12px; | |||
padding: 20px; | |||
} | |||
/* FILTER BUTTON */ | |||
.mod-filter { | |||
display: inline-block; | |||
border: 2px solid #3b82f6; | |||
padding: 6px 12px; | |||
border-radius: 8px; | |||
margin-bottom: 15px; | |||
font-weight: bold; | |||
} | |||
/* GROUP BASE */ | |||
.mod-group { | |||
margin-bottom: 15px; | |||
border-radius: 10px; | |||
overflow: hidden; | |||
} | |||
/* CLICKABLE HEADER */ | |||
.mod-group summary { | |||
padding: 12px; | |||
cursor: pointer; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
border: 2px solid; | |||
border-radius: 10px; | |||
} | |||
/* CONTENT */ | |||
.mod-items { | |||
padding: 10px 15px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
} | |||
.mod-card { | .mod-card { | ||
background: #111827; | background: #111827; | ||
padding: | padding: 10px; | ||
border-radius: 10px; | border-radius: 8px; | ||
text- | } | ||
/* MOD LINKS */ | |||
.mod-items a { | |||
background: #111827; | |||
padding: 6px 10px; | |||
border-radius: 6px; | |||
text-decoration: none; | |||
} | |||
/* COLOR THEMES */ | |||
.kosmic summary { | |||
border-color: #a855f7; | |||
color: #c084fc; | |||
} | |||
.hubor summary { | |||
border-color: #f97316; | |||
color: #fb923c; | |||
} | } | ||
. | .datjanedoe summary { | ||
border-color: #22c55e; | |||
color: #4ade80; | |||
} | } | ||
. | |||
border- | .lynx summary { | ||
border-color: #eab308; | |||
color: #facc15; | |||
} | } | ||
. | .lerpmcgerk summary { | ||
border-color: #06b6d4; | |||
color: #22d3ee; | |||
} | } | ||
Revision as of 15:00, 2 April 2026
/* MAIN PAGE WIDTH */
.mods-container {
max-width: 1100px;
margin: 0 auto;
}
/* HEADER BOX */
.mods-header {
background: #0b0f1a;
border: 2px solid #3b82f6;
border-radius: 12px;
padding: 20px;
margin-bottom: 30px;
}
.mods-header h1 {
margin: 0;
font-size: 2.2rem;
letter-spacing: 1px;
}
.mods-header p {
opacity: 0.8;
}
/* MAIN PANEL */
.mods-panel {
background: #0b0f1a;
border: 2px solid #3b82f6;
border-radius: 12px;
padding: 20px;
}
/* FILTER BUTTON */
.mod-filter {
display: inline-block;
border: 2px solid #3b82f6;
padding: 6px 12px;
border-radius: 8px;
margin-bottom: 15px;
font-weight: bold;
}
/* GROUP BASE */
.mod-group {
margin-bottom: 15px;
border-radius: 10px;
overflow: hidden;
}
/* CLICKABLE HEADER */
.mod-group summary {
padding: 12px;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border: 2px solid;
border-radius: 10px;
}
/* CONTENT */
.mod-items {
padding: 10px 15px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.mod-card {
background: #111827;
padding: 10px;
border-radius: 8px;
}
/* MOD LINKS */
.mod-items a {
background: #111827;
padding: 6px 10px;
border-radius: 6px;
text-decoration: none;
}
/* COLOR THEMES */
.kosmic summary {
border-color: #a855f7;
color: #c084fc;
}
.hubor summary {
border-color: #f97316;
color: #fb923c;
}
.datjanedoe summary {
border-color: #22c55e;
color: #4ade80;
}
.lynx summary {
border-color: #eab308;
color: #facc15;
}
.lerpmcgerk summary {
border-color: #06b6d4;
color: #22d3ee;
}