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: | ||
} | } | ||
/* | /* Solid background + padding + shadow */ | ||
#p-personal { | #p-personal { | ||
background-color: # | background-color: #2c2f33; /* Dark gray background */ | ||
padding: | padding: 8px 16px; | ||
border-radius: 8px; | border-radius: 8px; | ||
margin: 10px; | margin: 10px; | ||
display: inline-block; | display: inline-block; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.4); | |||
} | } | ||
/* | /* Style the container to show links inline */ | ||
#p-personal ul { | |||
list-style: none; | |||
margin: 0; | |||
padding: 0; | |||
display: flex; | |||
gap: 12px; | |||
} | |||
/* Link appearance */ | |||
#p-personal a { | #p-personal a { | ||
color: # | color: #ffffff !important; /* White links */ | ||
text-decoration: none; | text-decoration: none; | ||
padding: 4px 6px; | |||
border-radius: 4px; | |||
transition: background-color 0.2s ease; | |||
} | } | ||
/* Hover effect */ | |||
#p-personal a:hover { | #p-personal a:hover { | ||
background-color: #7289da; /* Discord-blue highlight */ | |||
color: #ffffff !important; | |||
# | |||
} | } |
Revision as of 05:54, 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;
}
/* Solid background + padding + shadow */
#p-personal {
background-color: #2c2f33; /* Dark gray background */
padding: 8px 16px;
border-radius: 8px;
margin: 10px;
display: inline-block;
box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
/* Style the container to show links inline */
#p-personal ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
}
/* Link appearance */
#p-personal a {
color: #ffffff !important; /* White links */
text-decoration: none;
padding: 4px 6px;
border-radius: 4px;
transition: background-color 0.2s ease;
}
/* Hover effect */
#p-personal a:hover {
background-color: #7289da; /* Discord-blue highlight */
color: #ffffff !important;
}