MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Created page with "→CSS placed here will be applied to all skins: →Category buttons container: .category-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; justify-content: center; →center align: } →Button styling: .category-buttons a { display: inline-block; padding: 10px 20px; background-color: #2a1a0f; color: #d4a017; font-weight: bold; text-decoration: none; border-radius: 5px; border: 2px solid #d4a017; transition: al..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Body and general theme */ | ||
body { | |||
background-color: #1b1814; | |||
color: #f3e8d0; | |||
font-family: 'MedievalSharp', 'UnifrakturCook', Georgia, serif; | |||
} | } | ||
/* | /* Sidebar and headers */ | ||
#mw-panel, #mw-head { | |||
background-color: #2b241e; | |||
color: #f3e8d0; | |||
} | } | ||
. | /* Links */ | ||
a { | |||
color: #c72c41; | |||
} | |||
a:hover { | |||
color: #d4a017; | |||
} | |||
/* Top buttons */ | |||
.top-buttons { | |||
display: flex; | |||
justify-content: center; | |||
gap: 15px; | |||
margin-bottom: 20px; | |||
flex-wrap: wrap; | |||
} | |||
.top-buttons a { | |||
display: flex; | |||
align-items: center; | |||
padding: 8px 15px; | |||
background-color: #2b241e; | |||
color: #d4a017; | |||
text-decoration: none; | |||
font-weight: bold; | |||
border: 2px solid #a67c00; | |||
border-radius: 5px; | |||
font-family: 'UnifrakturCook', serif; | |||
transition: all 0.2s; | |||
} | |||
.top-buttons a:hover { | |||
background-color: #d4a017; | |||
color: #2b241e; | |||
transform: translateY(-2px); | |||
} | |||
.top-buttons a img { | |||
height: 20px; | |||
width: 20px; | |||
margin-right: 8px; | |||
} | |||
/* Content boxes */ | |||
#content { | |||
border: 2px solid #a67c00; | |||
padding: 20px; | |||
background-color: #2b241e; | |||
border-radius: 8px; | |||
} | |||
/* Tables */ | |||
table { | |||
border: 2px solid #a67c00; | |||
background-color: #2b241e; | |||
color: #f3e8d0; | |||
} | |||
th { | |||
background-color: #3b2b1f; | |||
} | } | ||
Revision as of 23:55, 14 November 2025
/* Body and general theme */
body {
background-color: #1b1814;
color: #f3e8d0;
font-family: 'MedievalSharp', 'UnifrakturCook', Georgia, serif;
}
/* Sidebar and headers */
#mw-panel, #mw-head {
background-color: #2b241e;
color: #f3e8d0;
}
/* Links */
a {
color: #c72c41;
}
a:hover {
color: #d4a017;
}
/* Top buttons */
.top-buttons {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.top-buttons a {
display: flex;
align-items: center;
padding: 8px 15px;
background-color: #2b241e;
color: #d4a017;
text-decoration: none;
font-weight: bold;
border: 2px solid #a67c00;
border-radius: 5px;
font-family: 'UnifrakturCook', serif;
transition: all 0.2s;
}
.top-buttons a:hover {
background-color: #d4a017;
color: #2b241e;
transform: translateY(-2px);
}
.top-buttons a img {
height: 20px;
width: 20px;
margin-right: 8px;
}
/* Content boxes */
#content {
border: 2px solid #a67c00;
padding: 20px;
background-color: #2b241e;
border-radius: 8px;
}
/* Tables */
table {
border: 2px solid #a67c00;
background-color: #2b241e;
color: #f3e8d0;
}
th {
background-color: #3b2b1f;
}