MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 9: | Line 9: | ||
font-family: "Press Start 2P", monospace; /* retro pixel font */ | font-family: "Press Start 2P", monospace; /* retro pixel font */ | ||
} | } | ||
| Line 15: | Line 16: | ||
font-family: "Courier New", monospace; | font-family: "Courier New", monospace; | ||
font-size: 14px; | font-size: 14px; | ||
color: # | color: #333333; /* dark gray for readability */ | ||
margin: 10px 0; | margin: 10px 0; | ||
} | } | ||
| Line 24: | Line 25: | ||
margin: 4px 0; | margin: 4px 0; | ||
padding: 4px 8px; | padding: 4px 8px; | ||
border-left: 2px solid # | border-left: 2px solid #007acc; /* blue accent line */ | ||
transition: background-color 0.2s ease; | transition: background-color 0.2s ease; | ||
} | } | ||
.CategoryTreeItem:hover { | .CategoryTreeItem:hover { | ||
background-color: # | background-color: #f0f8ff; /* very light blue highlight */ | ||
color: # | color: #cc3300; /* warm red accent on hover */ | ||
} | } | ||
| Line 36: | Line 37: | ||
.CategoryTreeItem a:link, | .CategoryTreeItem a:link, | ||
.CategoryTreeItem a:visited { | .CategoryTreeItem a:visited { | ||
color: # | color: #007acc; /* consistent blue links */ | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 42: | Line 43: | ||
.CategoryTreeItem a:hover { | .CategoryTreeItem a:hover { | ||
color: # | color: #cc3300; /* red hover */ | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| Line 49: | Line 50: | ||
.CategoryTreeChildren { | .CategoryTreeChildren { | ||
margin-left: 20px; /* indent child categories */ | margin-left: 20px; /* indent child categories */ | ||
border-left: 1px dashed # | border-left: 1px dashed #cccccc; /* subtle gray divider */ | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
| Line 56: | Line 57: | ||
.CategoryTreeToggle { | .CategoryTreeToggle { | ||
cursor: pointer; | cursor: pointer; | ||
color: # | color: #007acc; /* blue toggle */ | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.CategoryTreeToggle:hover { | .CategoryTreeToggle:hover { | ||
color: # | color: #cc3300; /* red hover */ | ||
} | } | ||
Revision as of 22:34, 15 November 2025
/* CSS placed here will be applied to all skins */
a.mw-logo:link,
a.mw-logo:visited {
color: #0645ad; /* MediaWiki default blue */
}
html,body {
font-family: "Press Start 2P", monospace; /* retro pixel font */
}
/* === CategoryTree Container === */
.CategoryTreeTag {
font-family: "Courier New", monospace;
font-size: 14px;
color: #333333; /* dark gray for readability */
margin: 10px 0;
}
/* === Tree Items === */
.CategoryTreeItem {
list-style-type: none; /* remove default bullets */
margin: 4px 0;
padding: 4px 8px;
border-left: 2px solid #007acc; /* blue accent line */
transition: background-color 0.2s ease;
}
.CategoryTreeItem:hover {
background-color: #f0f8ff; /* very light blue highlight */
color: #cc3300; /* warm red accent on hover */
}
/* === Links inside Tree === */
.CategoryTreeItem a:link,
.CategoryTreeItem a:visited {
color: #007acc; /* consistent blue links */
text-decoration: none;
font-weight: bold;
}
.CategoryTreeItem a:hover {
color: #cc3300; /* red hover */
text-decoration: underline;
}
/* === Nested Children === */
.CategoryTreeChildren {
margin-left: 20px; /* indent child categories */
border-left: 1px dashed #cccccc; /* subtle gray divider */
padding-left: 10px;
}
/* === Expand/Collapse Icons === */
.CategoryTreeToggle {
cursor: pointer;
color: #007acc; /* blue toggle */
font-weight: bold;
}
.CategoryTreeToggle:hover {
color: #cc3300; /* red hover */
}