MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "→CSS placed here will be applied to all skins: /* .wiki-custom-header { background-color: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; margin-bottom: 20px; overflow: hidden; } .wiki-header-main { display: flex; justify-content: space-between; align-items: center; padding: 20px; flex-wrap: wrap; } .wiki-title-section h1 { font-size: 2em; font-weight: normal; letter-spacing: 0.05em; margin: 0 0 5px 0;..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | /* | ||
. | .mainpage-header { | ||
background | background: #ffffff; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 20px; | |||
margin-bottom: 20px; | |||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
. | .mainpage-header-top { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
margin-bottom: 15px; | |||
} | } | ||
. | .mainpage-title { | ||
font-size: 2em; | font-size: 2em; | ||
font-weight: normal; | font-weight: normal; | ||
letter-spacing: 0. | letter-spacing: 0.1em; | ||
border: none; | border: none; | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
. | .mainpage-subtitle { | ||
font- | font-style: italic; | ||
color: #54595d; | color: #54595d; | ||
margin-top: 5px; | |||
} | } | ||
. | .mainpage-stats { | ||
text-align: right; | text-align: right; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
. | .mainpage-stats div { | ||
margin | margin: 3px 0; | ||
} | } | ||
. | .mainpage-colorstrip { | ||
height: 6px; | height: 6px; | ||
background: linear-gradient(to right, | |||
#9d6c3a 0%, #9d6c3a 12.5%, | |||
#a4b834 12.5%, #a4b834 25%, | |||
#6da644 25%, #6da644 37.5%, | |||
#339966 37.5%, #339966 50%, | |||
#4a9aad 50%, #4a9aad 62.5%, | |||
#336699 62.5%, #336699 75%, | |||
#4d4d99 75%, #4d4d99 87.5%, | |||
#9966cc 87.5%, #9966cc 100%); | |||
margin: 15px 0; | |||
} | } | ||
. | .mainpage-nav { | ||
display: flex; | display: flex; | ||
justify-content: space-around; | justify-content: space-around; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
padding: 10px; | |||
background: #f8f9fa; | |||
border-radius: 4px; | |||
} | } | ||
. | .mainpage-nav a { | ||
padding: 5px 10px; | padding: 5px 10px; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
. | .mainpage-nav a:hover { | ||
background | background: #eaecf0; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
. | .mainpage-header-top { | ||
flex-direction: column; | flex-direction: column; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mainpage-stats { | |||
. | |||
text-align: center; | text-align: center; | ||
margin-top: 15px; | margin-top: 15px; | ||
Latest revision as of 12:23, 9 January 2026
/* CSS placed here will be applied to all skins */
/*
.mainpage-header {
background: #ffffff;
border: 1px solid #a2a9b1;
padding: 20px;
margin-bottom: 20px;
border-radius: 4px;
}
.mainpage-header-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.mainpage-title {
font-size: 2em;
font-weight: normal;
letter-spacing: 0.1em;
border: none;
margin: 0;
padding: 0;
}
.mainpage-subtitle {
font-style: italic;
color: #54595d;
margin-top: 5px;
}
.mainpage-stats {
text-align: right;
font-size: 0.9em;
}
.mainpage-stats div {
margin: 3px 0;
}
.mainpage-colorstrip {
height: 6px;
background: linear-gradient(to right,
#9d6c3a 0%, #9d6c3a 12.5%,
#a4b834 12.5%, #a4b834 25%,
#6da644 25%, #6da644 37.5%,
#339966 37.5%, #339966 50%,
#4a9aad 50%, #4a9aad 62.5%,
#336699 62.5%, #336699 75%,
#4d4d99 75%, #4d4d99 87.5%,
#9966cc 87.5%, #9966cc 100%);
margin: 15px 0;
}
.mainpage-nav {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
background: #f8f9fa;
border-radius: 4px;
}
.mainpage-nav a {
padding: 5px 10px;
white-space: nowrap;
}
.mainpage-nav a:hover {
background: #eaecf0;
text-decoration: none;
}
@media (max-width: 768px) {
.mainpage-header-top {
flex-direction: column;
text-align: center;
}
.mainpage-stats {
text-align: center;
margin-top: 15px;
}
}
*/