MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Gridcaster (talk | contribs) No edit summary |
Gridcaster (talk | contribs) No edit summary |
||
Line 24: | Line 24: | ||
color: #ccc !important; | color: #ccc !important; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
/* Generic content box with optional title */ | |||
.box { | |||
background-color: #ffffff; | |||
border: 1px solid #ccc; | |||
border-radius: 8px; | |||
padding: 15px 20px; | |||
margin-bottom: 20px; | |||
box-shadow: 0 2px 4px rgba(0,0,0,0.05); | |||
} | |||
/* Optional heading inside the box */ | |||
.box .box-title { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-bottom: 10px; | |||
border-bottom: 1px solid #ddd; | |||
padding-bottom: 4px; | |||
} | |||
.box-grid { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
} | |||
.box-grid .box { | |||
flex: 1 1 calc(50% - 20px); /* 2-column layout */ | |||
} | } |
Revision as of 06:22, 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;
}
/* Wrap the sidebar (all portlets) in a white box */
#mw-panel {
background-color: #ffffff; /* White background */
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* Optional soft shadow */
border: 1px solid #ccc;
}
/* Higher-contrast footer text */
#footer, #footer a, #footer li {
color: #eee !important; /* Medium gray – readable on light/gray backgrounds */
font-size: 0.9em;
text-decoration: none;
}
/* Subtle light-gray hover */
#footer a:hover {
color: #ccc !important;
text-decoration: underline;
}
/* Generic content box with optional title */
.box {
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 8px;
padding: 15px 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* Optional heading inside the box */
.box .box-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
}
.box-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.box-grid .box {
flex: 1 1 calc(50% - 20px); /* 2-column layout */
}