MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Gridcaster (talk | contribs) No edit summary Tag: Reverted |
Gridcaster (talk | contribs) No edit summary Tag: Reverted |
||
Line 5: | Line 5: | ||
} | } | ||
/* | /* Ensure the personal tools container has a defined display */ | ||
#p-personal { | #p-personal { | ||
display: flex; | |||
justify-content: flex-end; | |||
padding: 5px 10px; | |||
} | } | ||
/* Style the | /* Style the list within the personal tools */ | ||
#p-personal ul { | #p-personal ul { | ||
background-color: #2c2f33; /* Dark background */ | |||
padding: 6px 12px; | |||
border-radius: 8px; | |||
display: flex; | display: flex; | ||
gap: | gap: 10px; | ||
} | } | ||
/* | /* Style individual links */ | ||
#p-personal a { | #p-personal li a { | ||
color: #ffffff !important; | color: #ffffff !important; /* White text */ | ||
text-decoration: none; | text-decoration: none; | ||
padding: 4px 6px; | padding: 4px 6px; | ||
Line 33: | Line 30: | ||
} | } | ||
/* Hover effect */ | /* Hover effect for links */ | ||
#p-personal a:hover { | #p-personal li a:hover { | ||
background-color: #7289da; | background-color: #7289da; /* Highlight color */ | ||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } |
Revision as of 05:56, 19 April 2025
/* CSS placed here will be applied to all skins */
body {
background: url("/images/wiki_background.png") no-repeat center center fixed;
background-size: cover;
}
/* Ensure the personal tools container has a defined display */
#p-personal {
display: flex;
justify-content: flex-end;
padding: 5px 10px;
}
/* Style the list within the personal tools */
#p-personal ul {
background-color: #2c2f33; /* Dark background */
padding: 6px 12px;
border-radius: 8px;
display: flex;
gap: 10px;
}
/* Style individual links */
#p-personal li a {
color: #ffffff !important; /* White text */
text-decoration: none;
padding: 4px 6px;
border-radius: 4px;
transition: background-color 0.2s ease;
}
/* Hover effect for links */
#p-personal li a:hover {
background-color: #7289da; /* Highlight color */
color: #ffffff !important;
}