455
edits
MediaWiki:Common.css: Difference between revisions
m
no edit summary
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 */ | ||
} | } | ||