MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: 10px; | padding: 10px; | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
.icannwiki-invisible-bullet ul { | .icannwiki-invisible-bullet ul { | ||
list-style-type: none; | list-style-type: none; | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
.icannwiki-invisible-bullet ul li { | .icannwiki-invisible-bullet ul li { | ||
list-style-type: none; | list-style-type: none; | ||
margin-right: 2%; /* Applied to all but the last item in a row, see below */ | |||
margin-right: 2%; /* | margin-bottom: 10px; | ||
margin-bottom: 10px; | flex: 1; | ||
flex: 1; | min-width: 120px; /* Adjust based on your content and design needs */ | ||
min-width: 120px; /* | |||
font-size: 120%; | font-size: 120%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Line 40: | Line 36: | ||
color: #dff4e4; | color: #dff4e4; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
/* Remove margin-right from the last item in each row */ | |||
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+1), | |||
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+2), | |||
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+3), | |||
.icannwiki-invisible-bullet ul li:nth-child(3n) { | |||
margin-right: 0; | |||
} | } | ||
Revision as of 01:06, 6 April 2024
/* CSS placed here will be applied to all skins */
/* Legacy code moved to MediaWiki:Common.css/Legacy
/* Box at the top of the main page layout */
.icannwiki-top-box {
background-color: #62a376;
border-radius: 5px;
margin-bottom: 20px;
padding: 10px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.icannwiki-invisible-bullet ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.icannwiki-invisible-bullet ul li {
list-style-type: none;
margin-right: 2%; /* Applied to all but the last item in a row, see below */
margin-bottom: 10px;
flex: 1;
min-width: 120px; /* Adjust based on your content and design needs */
font-size: 120%;
box-sizing: border-box;
}
.icannwiki-invisible-bullet a {
color: #dff4e4;
text-decoration: none;
}
/* Remove margin-right from the last item in each row */
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+1),
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+2),
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+3),
.icannwiki-invisible-bullet ul li:nth-child(3n) {
margin-right: 0;
}
/* Header for featured article, news, about us, and so on */
.icannwiki-section-header {
background: #62a376;
font-family: sans-serif;
font-weight: bold;
text-align: left;
color: #dff4e4;
height: 1.5em;
margin: .2em 0 .2em 0;
padding: 1em;
border-radius: 5px;
}
/* Separator */
.icannwiki-clearfix {
clear: both;
}
/* Main page content box: left */
.icannwiki-half-width-left {
width: 49.5%;
float: left;
}
/* Main page content box: right */
.icannwiki-half-width-right {
width: 49.5%;
float: right;
}
/* Font with darker shade of white */
.icannwiki-text-white {
color: #F2EFEA;
}
/* Larger font */
.icannwiki-font-large {
font-size: 150%;
}